CSS
CSS 语法:
CSS 规则由两个主要的部分构成:选择器(改变样式的 HTML 元素),以及一条或多条声明(一个属性和一个值组成)。
--------------------------------------------------------------------------------------------------
CSS 派生选择器:
比方说,你希望列表中的 strong 元素变为斜体字,而不是通常的粗体字,可以这样定义一个派生选择器:
li strong
{
font-style: italic;
font-weight: normal;
}
CSS id 选择器
注意:id 属性只能在每个 HTML 文档中出现一次。
CSS 类选择器
注意:类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。
CSS 属性选择器
注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中,不支持属性选择。
<head>
<style type="text/css">
[title]
{
color:red;
}
</style>
</head>
<body>
<h1>可以应用样式:</h1>
<h2 title="Hello world">Hello world</h2>
Hello world
-------------------------------------------------------------------------------------------------
CSS 样式表:
一、内联样式表(当特殊的样式需要应用到个别元素时,就可以使用内联样式。虽然拥有最高优先权。但请慎用。)
<p style="color:red;"></p>
二、内部样式表(当单个文件需要特别样式时,就可以使用内部样式表。)
<head>
<style type="text/css">
p{color:red;}
</style>
</head>
三、外部样式表(当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。)
<head>
<link rel="stylesheet" type="text/css" href="css存放的路径" />
</head>
优点:1.多个样式可以重复利用
2.多个网页可共用一个CSS文件
3.修改、维护简单,只需要修改一个CSS文件就可更改所以地方的样式,不需要修改页面代码
4.减少页面代码,提高网页加载速度,CSS驻留在缓存里,在打开同一个网站时由于已经提前加载则不需要再次加载
5.适合所以浏览器,兼容性好
-----------------------------------------------------------------------
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。