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.适合所以浏览器,兼容性好

-----------------------------------------------------------------------

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。