仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 904|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS基本教程:CSS的使用

[复制链接]
萌萌妈妈 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:16:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
有三种办法使用CSS

1、In-line行内

  行内款式是在html标签里间接利用style属性
<pstyle="color:red">text</p>
  设定段落笔墨白色。
  但要记着,最初的HTML应当是自力出来,利用体现文档,以是行内款式应当在任何中央制止。

2、Internal外部

  利用于全部页面的植进外部款式在head标签内里,style标签包抄款式。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSSExample</title>
<styletype="text/css">
p{

color:red;
}

a{
color:blue;
}
</style>
...
  一切段落笔墨白色,链接蓝色。
  像行内款式一样,你应当坚持HTML和CSS分别,以是我们只剩下救星。

3、内部

  内部款式利用在全部多样页面网站。它是一个自力的CSS文件,像上面一样:
p{
color:red;
}

a{
color:blue;
}
  假如下面保留为“web.css”,HTML内里的链接就像上面:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSSExample</title>
<linkrel="stylesheet"type="text/css"href="web.css"/>
...
  前面教程里会讲到其他外联款式的办法,如今已充足了。

  从这篇引导内里,我们今后沿着下面的办法实行代码是个好主张,用文本编纂器新建文件,保留为"web.css"在html目次。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Myfirstwebpage</title>
<linkrel="stylesheet"type="text/css"href="web.css"/>
</head>
...
  保留HTML文件,如今已链接上CSS,不外如今CSS是空的,没有内容不会改动HTML。当你入手下手进修CSS,就能够增加代码到CSS文件里,看HTML革新后的了局。
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。
不帅 该用户已被删除
沙发
发表于 2015-1-18 05:50:33 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
海妖 该用户已被删除
板凳
发表于 2015-1-25 12:32:30 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
admin 该用户已被删除
地板
发表于 2015-2-2 22:08:05 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小妖女 该用户已被删除
5#
发表于 2015-2-8 13:06:34 | 只看该作者
可以使用 CSS 检查工具进行设计。
兰色精灵 该用户已被删除
6#
发表于 2015-2-25 17:48:38 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
小女巫 该用户已被删除
7#
发表于 2015-3-8 01:38:29 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
再现理想 该用户已被删除
8#
发表于 2015-3-15 20:45:03 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
若天明 该用户已被删除
9#
发表于 2015-3-22 04:11:19 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-16 16:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表