css基础
1.选择器
id选择器 #id值{}
通配符选择器 *{}
群组 选择器1,选择2{}
后代 选择器1 选择器2{}
子代 选择器1>选择器2{}
伪类
鼠标滑过
:hover{}
获取焦点
:focus{}
鼠标未访问过
:link{}
class选择器 .class值
标记选择器 标记名称{}
id选择器 >class选择器
2.框模型
外边距:margin：值1 值2
上下 左右
内边距:padding
边框阴影
box-shadow:x y blur color;
边框
border:1px solid red;
3.背景属性
背景固定
background-attachment
背景定位
background-position
背景尺寸
background-size: 值1 值2;
背景缩写
background:url() no-repeat position
4. 字体属性
字体加粗 font-weight
字体大小 font-size
字体样式 font-style
控制字体 font-family
5.文本属性
文本颜色 color
文本阴影 text-shaodow
文本修饰 text-decoration
行高 line-height
首行缩近 text-indent
表格属性
浮动特性
float:left;
怎样把行元素变成块元素
float
怎么解决高度塌陷
1.让父元素浮动
2.加块级子元素 让子元素clear:both
3.给父元素设置高度
4.设置父元素的overflow值为auto或者hidden