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),有指定的用指定的,无指定则继承离它最近的
原文地址:https://www.cnblogs.com/fatfatdachao/p/3557684.html