块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
-
块级元素(block-level)
div h1 h2 h3 h4 h5 h6 p hr
form ul dl ol pre table
li dd dt tr td th -
行内元素(inline-level)
em strong span a br img
button input label select textarea
code script
特性区别- 块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性），而内联元素则都会在一行内显示。
- 块级元素可以设置 width、height 属性，而内联元素设置无效。
- 块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。
- 块级可以包含块级和行内，行内只能包含文本和行内。
什么是 CSS 继承? 哪些属性能继承，哪些不能？
CSS继承
所有的CSS语句都是基于各个标记之间的父子关系，继承就是子标签继承了上级标签的CSS样式的属性。
-
继承属性
所有元素可继承：visibility和cursor。
内联元素可继承：letter-spacing、text-transform、direction。
终端块状元素可继承：text-indent和text-align。
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。 -
不可继承
不可继承的：display、margin、border、padding、background、height、min-height、
max-height、width、min-width、max-width、overflow、position、left、right、top、
bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-
bread-before和unicode-bidi。
如何让块级元素水平居中？如何让行内元素水平居中?
- 块级元素水平居中
margin:0 auto; - 行内元素水平居中
text-align:center;
用 CSS 实现一个三角形
triangle.jpg
单行文本溢出加 ...如何实现?
overflow.jpg
px, em, rem 有什么区别
- px： 固定单位
- 百分比(宽高？文字大小？line-height? position?)
- em: 相对单位，相对于父元素字体大小
- rem: 相对单位，相对于根元素(html)字体大小
- vw vh: 相对单位，1vw 为屏幕宽度的1% 兼容性
解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
3.jpg
- 作用：在body元素font属性中，font-size为12px，font-height为字体的1.5倍，font-family为tahoma字体，arial，“”Hiragino Sans GB“”字体，'\5b8b\4f53'字体，sans-serif字体，以顺序优先级使用。
- 因为中间有空格，不加引号会被识别成两个元素。
- 数字符号表示的是字体的编号。
