关于CSS内容

1.css
层叠样式表  cscading style sheet的缩写
2.css的三种声明方式
1.行内样式表
2.内联样式表
3.外联样式表
3.选择器
标签选择器：  使用时写标签
class选择器：书写的时候  .xxx  class的属性值可以同名
id选择器：书写的时候 #xxx id的属性值不可以同名
组合选择器：通过逗号将多个元素设置成为统一的属性
层级选择器：通过空格一层一层的确定元素
伪类选择器：针对于a标签 通过a：link
属性选择器：通过属性的值确定元素例如：input[type=text]
*选择器：
优先级：浏览器默认 < * <其他 <class <id
4.单位：
在html里面不写单位，但是在css里面必须要写单位
px:像素   例如 font-size:20px;
%:百分比  例如  50%
em:相对于父元素的比例
rem:相对于html的比例
5.css的语法
大括号括起来
键值对的形式存在
中间加冒号
必须写分号（经常忘的）
6.字体
font-style：normal italic
font-weight:bold
font-size:大小   写成px
font-family：黑体
注意：还有一种简写的方式顺序一定要固定  而且size和family不能省去
7.文本
text-indent:缩进  2em
text-align:对齐方式  left（默认） center right
text-decoration:给文本添加横线
line-height:设置行高 （行高等于容器的高度是可以使容器内的内容居中的）

vertical-align:设置行内元素的垂直对齐方式

8.背景
background-color:背景颜色
background-image:url(zyx.png);背景图片
background-repeat:no-repeat;图片是否平铺
background-position:left top;图片的位置
background-attachment:local;图片的滑动情况

/*fixed：相对于窗体是固定的
scroll：相对于元素内容滚动
local：相对于元素的内容固定
*/
9.定位
position：
fixed：固定的，相对于窗体
relative：相对，相对于自身的原始位置
absolute：绝对，相对于最近的定位的祖先元素
z-index:检索或设置对象的层叠顺序。较大 number 值的对象会覆盖在较小 number 值的对象之上
10.盒子模型
border：边框
padding：内边距
margin：外边距

注意事项：margin  会出现叠加或者合并的一种情况，所以尽量少用

一个完整的盒子模型的尺寸的计算
realwidth = width +padding +border+margin；
realheight = height +padding +border+margin；
11.布局
float：left、right
1.会脱离原来的文档流
2.浮动之后会比原来的层次高点
clear：清除浮动（这种情况是根据特定需要）
display：行标签转换为块标签 none block inline