浮动：
1.当为一个元素设置浮动以后，元素会立即脱离文档流，他下边的元素会立即向上移动。
2.元素浮动以后，会尽量向页面的左上或右上浮动，直到遇上父元素的边框或其他的浮动元素
3.如果浮动元素上面是一个没有浮动的块元素，则浮动元素不会超过块元素。
4.浮动元素不会超过他上边的兄弟元素，最多一边齐。
溢出处理：
overflow可以处理子元素溢出父元素。
1.overflow:visible：是默认值，不会做处理，元素会在父元素外显示。
2.overflow:hidden:溢出的内容会被裁剪，不会显示。
3.overflow:scroll:添加垂直竖直滚动条，不论内容是否溢出。
4.over:auto:会根据需求添加。
5：overflow:hidden与display:none的区别：hidden消失后仍会占据位置，none则不会。
元素在文档流中的特点：
块元素;
1.块元素在文档流中会独占一行，块元素会自上向下排列。
2.块元素在文档流中的默认宽度是父元素的100%。
3.块元素在文档流中的高度默认被高度撑开。
内联元素：
1.内联元素在文档流中只占自身的大小，会默认从左向右排列。
2.如果一行中不足以容纳所有的元素，则会换到下一行，继续由左向右。
3.在文档流中，内联元素的宽度和高度都会被内容撑开。
display的作用：
display可以修改元素的类型。
1.diplay:inlinne:可以将元素作为一个内联元素显示。
2.display:block:可以将一个元素转换为块元素显示。
3.diplay:Inline-block:将一个元素转换为行内块元素，既有行内元素的特点又有块元素的特点。既可以设置宽高，又不会独占一行。
span元素当被浮动以后可以设置宽高。
块元素与内联元素：
块元素里可以包含块元素，但p标签里不可以包含任何元素。div主要用来网页的布局.
内联元素span主要用来选中文本内容将其进行修改。a标签属于内联元素，可以包含任何元素，除了他自己。
选择器：
选择器分组（并集选择器）：语法：选择器1逗号选择器2逗号选择器3逗号 表示同时选中多个满足同样css样式的选择器。
复合选择器（交集选择器）：语法：选择器紧紧贴在一起，不用加任何东西。表示可以满足多个选择器的元素。
父元素指直接包含子元素的元素。子元素直接被父元素包含的元素。向这种情况则表示span的父元素是p,祖父是div.
<div>
<p><span></span></p>
</div>
祖先元素指直接或间接包含后代元素的元素。后代元素指直接或间接被父元素包含的元素。比如div也可以是p的祖先元素。
父元素可以是祖先元素。子元素也可以是后代元素。
兄弟元素指拥有相同父元素的元素。
后代元素选择器：父元素空格子元素{} 子元素选择器：父元素>子元素{}
伪类元素指元素的状态。如link,visited,hover,active. 伪元素指原则元素中的一些特殊的位置。如first-letter表示第一个字.p:first-letter{} 如first-line表示第一行.p:first-line{}
属性选择器。根据元素的属性来选择元素 如p:[tittle]（如tittle属性可以给任何标签添加）。选取含有指定属性值的元素如p:[tittle="hello"]。 p:[tittle^="ab]表示以ab 开头。
兄弟元素选择器：
语法：前一个+后一个。可以选中一个元素紧挨着的指定的兄弟元素。
语法：前一个~后一个。选中一个元素后紧挨着的所有的兄弟元素。
否定伪类：
语法：p:not(选择器){} 。可以从已选择的元素中剔除特定的某些元素。
css子元素会继承祖先元素的样式，但背景相关的样式除外。
优先级的规则：
内联样式：优先级1000. id选择器：优先级100. 类和伪类：优先级10. 元素选择器：优先级1. 通配：优先级0. 继承的样式：没有优先级。
如果选择器的优先级一样，则使用靠后的样式。
并集选择器中的优先级是单独计算。
涉及到a的伪类共有4个：link,visited,hover,active.这四个选择器的优先级是一样的。
定位元素：
定为元素的层级如果一样，则下边的元素会盖住上边的。可以用z-index来设置元素的层级，层级越高，越优先显示。如z-index：1。
父元素的层级在高也盖不住子元素。
定位：
定位的默认值static.
相对定位相当于元素在原来的文档流之中的位置，不会脱离文档流，但元素开启相对定位之后会提高一个层级，也就是说，会盖住原来的兄弟元素。并且元素开启相对定位不会改变元素的性质，块级还是块级，内联还是内联。
绝对定位开启会使元素脱离文档流，绝对定位是相当于离他最近的开启了定位的祖先元素进行定位的。如果所有的祖先元素都没有开启定位，则相对于浏览器窗口进行定位。绝对定位也会使元素提升一个层级。
并且绝对定位会改变元素的性质。内联元素变为块元素。块元素的宽高会被内容撑开。
固定定位也是一种绝对定位，他的大部分特点与绝对定位相同。
元素的层级问题：
如果元素都开启了定位，且层级一样，则下面的会盖住下面的。所以可以通过z-index可以设置层级，也就是说可以设置z轴。可以把z-indez设置成正整数，同时层级越高，越优先显示。并且没有开启定位的元素，则不可以使用z-index.还有一点就是父元素的层级在高，也不会盖住子元素。
透明：
设置元素的透明背景可以通过opacity设置一个0-1的数来设置，离0越近，则越透明。还有一种方式是filter:alpha(opacity=0-100);