块级元素和行内元素例子以及特性
<strong>块级元素</strong>:所谓块级元素就是直观上占位一行的元素,不能与任何其他元素共同排列在一行,同时块级元素的默认宽度和浏览器页面宽度一样,块级元素可以包含另一个块级元素和行内元素;比如div、nav、address、table、form、p、head等都是块级元素。
<strong>行内元素</strong>行内元素就是可以与其他元素共占一行,行内元素不能包含块级元素,但是可以包含行内元素。行内元素的宽度与内容长短有关,而不能通过width进行设置。可以包含字符串,em、img、input、span、等标签都是行内元素。
同时块级元素和行内元素的不同还体现在盒模型上。对于行内元素,margin只能对其进行左右设置,padding也只能对左右进行设置,对于行内元素高度不能使用height来设置,要使用line-height来进行设置
什么是CSS继承?哪些属性可以继承,哪些不能?
所谓css继承是指在html节点树状图中,子元素能够继承父元素的相应属性,比如当父元素的文本颜色设置为红色时,子元素中也存在着文本,但是没有设置相应颜色,此时子元素会继承父元素的这一文本字体颜色设定,将字体设置为红色。
但不是所有的属性都可以继承
不可继承的属性有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。
内联元素可以继承的属性有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。
所有元素可以继承的有visibility和cursor。
块状元素可以继承的有text-indent和text-align。
列表元素可以继承的有list-style、list-style-type、list-style-position、list-style-image。
表格元素可以继承的有border-collapse。
如何让块级元素居中?如何让行内元素水平居中?
块级元素居中: margin 0 auto
行内元素水平居中: text-align:center;
单行文本溢出...怎么实现
E {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
px rem em有什么区别
px:相对单位长度,像素是相对于显示器分辨率而言
rem:相对长度,但是针对根元素(html)字体大小而言
em:相对长度,针对父元素字体大小而言
解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
作用是设置字体大小以及字体格式,由于有些词组之间存在空格,因此需要加引号,还有当字体名字为中文时候需要加引号。\5b8b\4f53是unicode码,代表宋体,因而需要加引号。