display和position以及其余标签的使用
今天主要学习了两大标签display和position:中文名字是显示和位置,这两个元素在前端的学习还是很重要的,因为在css的布局里面会经常用到这两种元素。 还有一些其余的标签例:margin,padding,border,line-height,overflow,z-index。 display: 学习一下display中的几个常见的属性,inline,block,inline-block。 inline:使元素变成行内元素,拥有行内元素的特性,可以和其他行内元素在一行,自己不独占一行,不能更改height和width,在padding里能使用所有元素,在margin里只能使用left和right。 block:可以使用块级元素,自己能独占一行,如果没有设定它的width和height,它可以自动填满父元素的宽度,能改变width和height,能在padding和margin里使用任何属性元素。 inline-block:综合了block和inline的一些特性,既有了inline的能在一行内元素在一行,又有了block的能修改width和height,还能使用padding和margin的所有属性元素。 总结:inline在行内显示,block在块元素显示,inline-block在行内块显示。 position: 学习一下常见的position的一些属性:position