有 3种思路方法应用CSS
、In-line 行内行内样式是在html标签里直接使用style属性
<p style=\"color: red\">text</p>
设定段落文字红色
但要记住
最后
HTML应该是独立出来使用表现文档所以行内样式应该在任何地方避免2、Internal 内部
使用于整个页面
植入内部样式在head标签里面style标签包围样式<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<head>
<title>CSS Example</title>
<style type=\"text/css\">
p {
color: red;
}
a {
color: blue;
}
</style>
...
所有段落文字红色
链接蓝色像行内样式
样你应该保持HTML和CSS分离所以我们只剩下救星3、外部
外部样式使用在整个多样页面网站WebSite
它是个独立CSS文件像下面样:p {
color: red;
}
a {
color: blue;
}
如果上面保存为“web.css”
HTML里面链接就像下面:<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<head>
<title>CSS Example</title>
<link rel=\"stylesheet\" type=\"text/css\" href=\"web.css\" />
...
后面教程里会讲到其他外联样式
思路方法现在已经足够了从这篇指导里面
我们以后沿着上面思路方法实验代码是个好主意用文本编辑器新建文件保存为\"web.css\"在html目录<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<head>
<title>My first web page</title>
<link rel=\"stylesheet\" type=\"text/css\" href=\"web.css\" />
</head>
...
保存HTML文件
现在已经链接上CSS不过现在CSS是空没有内容不会改变HTML当你开始学习CSS就可以添加代码到CSS文件里看HTML刷新后结果
最新评论