day04-html

 

* 通配符
tag 选择器
class 选择器
id 选择器

子选择器 >
后代选择器

* tag class id
1 10 100 1000

 

span:范围标签，本身无任何效果，作用用来把某一部分单独修饰

定位：position
属性值有四种
static：默认的
fixed :固定定位,使标签定位在浏览器窗口上
absolute:绝对定位，释放占用的空间，跟随设置了position属性的父级标签所在的位置定义，如果父级没有就继续往上寻找，直到找到设置了position属性的父级标签
relative:相对定位,相对标签本身所在的位置移动，保留原有
空间的占用。一般使用在absolute的父级,位置的微调

使用定位属性的时候一般需要结合方向属性的使用
top,left,bottom,right
z-index:层级

 

a:hover{}鼠标悬浮
a:active{}选中
a:visited访问后
a:link 未访问
:hover{}当鼠标悬停在指定的元素时，触发选择器内的语法
选择器：hover{属性} 这样的方式改变选择器匹配的元素本身
选择器：hover 其他选择器{} 这样悬停在前面选择器匹配的元素上时会改变其后代选择器匹配到的元素

visibility:显示隐藏 visible(可见)，hidden(隐藏但是保留空间的占用)

display:显示方式，让一个元素从行级变成快级方式显示，或者变为行级，或者不显示
inline 转为行级
block 转为快级
inline-block
none不可见，完全隐藏并且释放空间