css学习笔记(一)

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)，有指定的用指定的，无指定则继承离它最近的