一文彻底学会CSS-3

一文彻底学会CSS-3

一、浮动元素的注意点

一文彻底学会CSS-3_第1张图片

二、版心

一文彻底学会CSS-3_第2张图片

三、定位

一文彻底学会CSS-3_第3张图片

1.static:静态定位(默认型)(有争议的)

一文彻底学会CSS-3_第4张图片

2.relative:相对定位(自恋型)

一文彻底学会CSS-3_第5张图片

3.absolute:绝对定位(拼爹型)

一文彻底学会CSS-3_第6张图片
一文彻底学会CSS-3_第7张图片

4.fixed:固定定位 (死心眼型)

一文彻底学会CSS-3_第8张图片

5.四种定位总结

一文彻底学会CSS-3_第9张图片

四、元素的层级问题(z-index)

一文彻底学会CSS-3_第10张图片

五、vertical-align(垂直对齐方式)

一文彻底学会CSS-3_第11张图片

六、overflow:溢出

一文彻底学会CSS-3_第12张图片

七、元素的隐藏区别

一文彻底学会CSS-3_第13张图片

八、html 标签中的嵌套关系(规范)

一文彻底学会CSS-3_第14张图片

九、属性选择器和结构伪类选择器

1.属性选择器

一文彻底学会CSS-3_第15张图片

2.结构伪类选择器 -child系列

一文彻底学会CSS-3_第16张图片

你可能感兴趣的:(#,css笔记,css)