块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
块级元素block-level： div h1~h6 form ul li table p
- 每个块级元素都从新的一行开始，并且其后的元素也另起一行。
- 元素的高度、宽度、行高以及顶和底边距都可设置。
- 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
- 块级元素可以放行内元素和块级元素
行内元素inline-level: em stong span button label input textarea img br
- 和其他元素都在一行上；
- 元素的高度、宽度、行高及顶部和底部边距不可设置；
- 元素的宽度就是它包含的文字或图片的宽度，不可改变。
- 行内元素只能包含行内元素和文本
什么是 CSS 继承? 哪些属性能继承，哪些不能？
css继承就是只子节点继承父节点的属性
-
不可继承的：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。
-
所有元素可继承：visibility和cursor。
-
内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
-
块状元素可继承：text-indent和text-align。
-
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
-
表格元素可继承：border-collapse。
如何让块级元素水平居中？如何让行内元素水平居中?
- 块级元素：
margin:0 auto; - 行内元素：
text-align:center
单行文本溢出加 ...如何实现?
white-space:nowrap;不折行
overflow:hidden;超出部分隐藏
text-overflow:ellipsis;显示省略符号来代表被修剪的文本。
px, em, rem 有什么区别
- （Pixel）是像素，是固定值。
- 值并不是固定的，会继承父级元素的字体大小，是默认字体大小的倍数。
- rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素
解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b \4f53',sans-serif;
}
-
表明整个body里面的字体大小为12px,行高为12px的1.5倍，即18px.字体优先采用tahoma字体，后面用,分开的都是备选字体，若前面的字体浏览器找不到则按照顺序依次往下选择。
-
引号表明字体名称包含空格，引号内部是一个字体的整体名称。
-
在 CSS 中设置字体时，直接写字体中文或英文名称浏览器都能识别，直接写中文的情况下编码（GB2312、UTF-8 等）不匹配时会产生乱码。保险的方式是将字体名称用Unicode来表示。代码中的'\5b8b\4f53'就是用Unicode表示的字体宋体。
网友评论