问题一:块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区
块级元素有: div, h1~h6, p, hr , br, ul ,ol, li, form, table, dd, dt, tr, td, th
行内元素有:a, span, img, babel, b, em, i, strong, br, input, select, ,textarea
问题二:什么是 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。
问题四:单行文本溢出加...如何实现?
给元素添加3以下个属性:
overflow:hidden; /*设置溢出隐藏*/
text-overflow:ellipis; /*文本溢出后添加省略号*/
white-space:nowrap; /*强制不换行*/
问题五:px, em, rem 有什么区别?
px: px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
em: em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(EM特点1. em的值并不是固定的;2. em会继承父级元素的字体大小。)
rem:rem是CSS3新增的一个相对单位(root em,根em)。区别在于使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。
六:解释下面代码的作用?为什么要加引号? 字体里的数字符号代表什么?
body{font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}
1.此段代码作用是声明body下字体大小12px,行高是字体大小的1.5倍,字体的样式有:tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif这几种。(浏览器会根据声明的字体依次往下查找用户是否有该字体,如果有就使用户有第一个,没有就下一个,如果都没有就会采用浏览器的默认字体)。
2.采用中文字体需要在两边加上引号,单个英文单词名称的字体不需要加,多个单词名称的字体和中文名称字体需要加。添加引号目的是为了防止浏览器不能识别,防止产生乱码。
3.字体中的数字符号是Unicode码,Unicode码全球通用。可以在控制台中输入escape命令获得。