css基础 引用方式 标签选择器 优先级 各式布局

今天讲的css基础，了解了css即层叠式表，是美化网页，控制页面的样式。

样式表引进网页的3种方式1内联式，语法例子：<div style="width: 100px;height: 50px;background: #E91115"> </div>'

2内嵌式   语法例子  ( head里面)     div{height: 100px;width: 100px;background: #EF0E12}

3外部样式表 语法例子 ( head里面)   <link rel=" stylesheet" href=“ **.css>”

选择器     1标签选择器   标签名{样式}

2ID选择器       #id名{样式  }  (唯一的）

3类选择器       .class名{}样式 } （可给任何加）

4组合选择器     逗号       同时给逗号连接的标签加上样式    例如  p，div{}

空格     列如 OL空格il

筛选     标签名.class名

+

属性选择器   例如 div[ date=" div"]{}

优先级         1在标签内style=“”

2id选择器

3类和属性选择器

4body td.....里面的

5*对于所有的

注意：选择器一样时，下面的样式高于上面的。

格式布局      position：fixed 固定

position：absolu 绝对定位

position：relative 相对定位

语法：position：3种任意一种 ；z-index 10；left或者   right =100px；   top或者   botton=100px