1.块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别
块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行内元素:span, strong, em, br, img , input, label, select, textarea, cite,
区别
行内元素会在一条直线上排列,都是同一行的,水平方向排列。块级元素各占据一行,垂直方向排列。
块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
行内元素与块级元素属性的不同,主要是盒模型属性上。行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。
2.什么是 CSS 继承? 哪些属性能继承,哪些不能?
比如font-family
和color
可以继承。原因是可以对<html>元素先设置一个大的范围的字体,再去改写单独元素的字体样式。
margin
,padding
,border
,background-image
等不能被继承。因为这些样式如果可以被继承,并不会带来便利,反而会为开发带来麻烦。
因此可以通过常识来判断一个样式是否能被继承。
3.如何让块级元素水平居中?如何让行内元素水平居中?
块级元素水平居中:
margin:0 auto;
行内元素水平居中:
text-align:center;
5.单行文本溢出加 ...如何实现?
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
6.px, em, rem 有什么区别?
px属于绝对长度,主要取决于设备的分辨率;
em和rem属于相对长度,em是相对于当前元素的font-size,rem是相对于根元素的font-size。
设置body的字体,字号,行距
因为一个字体中间有空格,如果不加空格,会被解析为多个字体
代表字体的unicode