css:
可以提高网页的浏览速度.
css的结构:
选择器{属性:属性值}
选择器可以是:xhtml标签,id,class.
xhtml与html的区别:
css的四种嵌入方式:
(1)行内样式:html标签上的style属性,进行css样式的设计。
(2)内部样式:通过html中的<style>标签来对样式进行设计
(3)外部样式:把css单独写到一个css文件内,然后在源代码中以link方式链接。<link href="layout.css" rel="stylesheet" type="text/css" />
(4)链接样式:以@import url标记所链接的外部样式表,它一般常用在另一个样式表内部。如layout.css为主页所用样式,那么我们可以把全局都需要用的公共样式放到一个 global.css的文件中,然后在layout.css中以@import url("/css/global.css")的形式链接全局样式,这样就使代码达到很好的重用性。
css的继承与层叠:
(1)继承:子元素的样式会继承父元素的某些样式。
(2)层叠:子元素定义了与父元素相同的样式,子会覆盖父的样式。
css的优先级:
- id优先级高于class
- 后面的样式覆盖前面的
- 指定的高于继承
- 行内样式高于内部或外部样式
- 总结:单一的(id)高于共用的(class),有指定的用指定的,无指定则继承离它最近的