css的第三节课-盒子模型

213 阅读1分钟

1.display:inline:行内元素不换行,但是不能设置宽高

2display; block;块状行内元素换行可设置宽高

  1. padding表示盒子的内边距,会改变盒子大小。

4.padding也是复合属性,山下左右都是20px

5 设置margin:0px auto;满足上面三个条件可以让盒子 水平居中

6.后代选择器(儿子 孙子 虫虫等都管用) 子选择器(只有儿子管用,孙子、虫虫等不管用

7图片后文字居中 vertical-align: middle 文字靠底部 vertical-align: text-bottom 文字靠上部 vertical-align: text-top vertical-align就是规定图片后面的文字 以什么方式对齐

8.块级元素会独占一行,其宽度自动填满其父元素宽度
行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而变化 块级元素可以设置 width, height属性,行内元素设置width, height无效 块级元素可以设置margin和padding