1.块级元素和行内元素分别有哪些?
块级元素:div,p,form,ul,li,ol,hr,menu,talbe,address,thead,tbody,tfoot,th,td,tr,h1~h6
行内元素:a,b,span,strong,small,big,label,sub,sup,em,br,img,input,select,textarea
区别:
1.块级元素可以独占一行 而行内元素不行。
2.块级元素可以定义宽高,而行内元素不可以。
3.块级元素里可以放行内元素 而行内元素不行
4.块级元素可以设置margin,padding,而行内元素只有margin和padding的左右有效果。
2.什么是 CSS 继承? 哪些属性能继承,哪些不能?
css继承:设置父级元素样式,子元素和父元素一样。
能继承的属性:font、font-family、font-weigth、font-size、font-style、text-indent、text-align、line-height、color、visibility、table-layout、list-style-type、list-style-image、list-style、page、windows
不能继承的属性:display、text-decoratioin、ext-shadow、white-space、vitical-align、width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left、background、background-color、background-image、background-repeat、background-position、background-attachment、float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index、content、outline-style、outline-width、outline、outline-color、size
3.如何让块级元素水平居中?如何让行内元素水平居中?
块级元素:margin: 0 auto;
行内与元素: text-align: center;
4.单行文本溢出加 ...如何实现?
white-space:nowrap; 不拆行
overflow:hidden; 超出部分隐藏
text-overflow: ellipsis; 显示省略符号
5.px, em, rem 有什么区别
px: 像素,相对于屏幕分辨率
em: 相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸
rem: 相对于根元素html的大小
6.解释下面代码的作用?为什么要加引号? 字体里的数字符号代表什么?
因为中间有空格,不加引号回被认为多个元素,数字符号代表字符编码