- 块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
- 块级元素：h1,h2,h3,h4,h5,h6,p,div,form,table,tr,th,td,ul,li,ol,dl,dt,dd,br
- 行内元素：span,em,a,imp,input,strong,br,select,button
特性区别： - 块级元素不管内容有多少会将区域占满一整行，而行内元素不会
- 块级元素可以设置高度和宽度，而行内元素不行
- 块级元素设置margin,padding时盒模型正常扩展，而行内元素设置margin,padding时盒模型只有左右正常扩展，上下的区域不扩展，只有边框和背景音乐可以应用
- 块级元素能包含块级元素和行内元素，而行内元素只能包含行内元素
- 在有元素应用了浮动样式时，块级元素正常布局，而块级元素内的行内元素在布局时会考虑浮动样式，从而绕开它布局
- 什么是 CSS 继承? 哪些属性能继承，哪些不能？
CSS继承指的是父元素应用的某些样式会“继承”给子元素，使子元素具有同样的样式。颜色，字体，行高，文本样式能继承；边框，内外边距无法继承。我认为属性继承挺人性化的，很多时候你认为它应该能继承，它就能继承，你任务它不应该去继承，它就不继承。 - 如何让块级元素水平居中？如何让行内元素水平居中?
块级元素继承：对块级元素继承：margin: 0 auto;
行内元素继承：对行内元素的父元素使用：text-align: center; - 用 CSS 实现一个三角形
http://js.jirengu.com/qujitasuze/1/edit - 单行文本溢出加 ...如何实现?
white-space: nowrap; 这行代表超出文本不换行
overflow: hidden; 这行代表超出文本隐藏
text-overflow: ellipsis; 这行代表如果有超出文本用...显示 - px, em, rem 有什么区别
- px就是最基本的设置像素
- em：x em对于font-size来说就是父元素字体大小的x倍，对于除了font-size的属性来说就是当前元素的字体大小的x倍
- rem：x rem指的是body元素字体大小的x倍
- 解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
说明body字体大小为12px，行高为各元素字体大小的1.5倍，字体系列tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif从头到尾依次选择。
因为有空格可能会被误认为多种字体，所以加上引号。
\5b8b\4f53是unicode码，这样写防止外国人的电脑不适配或者编码方式不同，\5b8b\4f53翻译成中文是黑体的意思。
网友评论