|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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革新后的了局。
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。 |
|