码迷,mamicode.com
首页 > Web开发 > 详细

css二

时间:2017-10-15 21:26:34      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:标记   字体   一个   style   浏览器   尺寸   推荐   lin   搜索   

CSS指层叠样式表,是应用于结构层的表现形式,CSS要应用于结构层必须与结构层建立起连接,此连接按照与结构层中所要格式化元素的远近分为外联样式、嵌入样式和内联样式,三者同时使用时遵循就近原则。

一、外联样式:

将所写的样式表单独生成一个扩展名为.CSS的文档,这个CSS文档在结构层的HTML文档中采用LINK标记建立起与结构层文档的连接,这种做法的主要优点首先在于可以大量减少网页的维护工作,如果多篇HTML文档连接同一个样式表,那么这种维护上的工作量将是呈指数下降的。其次将CSS与HTML相分离减小了HTML文档的尺寸,有利于提高客户端浏览器的浏览速度和搜索引擎的优化(这种格式本人推荐使用)

二、嵌入样式:

在HTML文档中使用STYLE标记将文档中所有需要用到的样式集中在一起,这种做法的优点是所生成的文件只有一个,样式与结构在同一文档中,从外部看上去网页简洁明了。因为不需要在结构与样式的两个文档中来回切换耽搁时间。所以如果是同一个人同时编辑网页的样式与结构,这种做法似乎显得在编辑的时候效率很高,但维护时工作量同样也是很大的,并且这种结构与外联样式相比不具有后两者优点。

三、内联样式:

这种样式是将表现与文档中各个标记通过STYLE属性连接在一起,这种格式是最早应用于结构层的样式,现在很多人都不推荐使用了,当然我也不推荐使用,它的缺点是很明显的,和以上两者相比没有可以借鉴的优点所在。

四、CSS的样式:

1.样式规则包括选择器和声明块,其中选择器主要包括元素、类、ID以及它们三者的相互嵌套使用(如:父级元素下的子级元素选择称为包含选择器等);在嵌套使用时应注意其中的继承关系;此外还有通配符选择器(对某一个元素块进行整体选择)、伪类选择器(用于说明抽象状态)、伪元素选择器(对块级或字符级元素的部分内容进行说明)。

2.声明块由属性及属性值组成,声明块之间用分号,属性与属性值之间用冒号,整个属性块用一对花括号包含,这里需要说明的是结构层标记的属性与属性值之间用等号连接,而样式层的属性与属性值之间则用冒号,这是有区别的。

样式层的属性主要包括字体属性、文本属性、颜色属性及表格属性。

五、CSS样式继承:

1.在样式继承中主要需要说明的是Margin、Padding、Border、Background等属性样式不被子代元素继承,另外Font-Size不能实现引用继承,只能实现传值继承;或者说子代的子代及以下将不能再继承这个属性的样式。

2.样式的应用同样也遵循就近原则,即子代样式会覆盖父级样式。

css二

标签:标记   字体   一个   style   浏览器   尺寸   推荐   lin   搜索   

原文地址:http://www.cnblogs.com/tydy9891-/p/7673757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!