块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别
块级元素:p、div、h1~h6、table、tr、th、td、dl、dd、ul、ol、li、body、form、、
行内元素:a、span、input、img、code、textarea、button、iframeem、strong、script、label、br
区别:块级元素占据一行,行内元素占据本身大小的位置
块级元素可以设置宽高;行内元素不能设置宽高
块级元素中可以包含任一元素;行内元素只能包含行内元素;
块级元素设置margin、padding时可以生效,位置会发生变化;行内元素设置时margin、padding只能左右生效,同时它占据的位置不发生变化
块级元素设置水平居中可以margin:0 auto;行内元素居中为text-align=center;什么是 CSS 继承? 哪些属性能继承,哪些不能?
子标签继承父标签的css样式。
继承:font-size、font-family、color、line-height、font-weight
不能继承:display如何让块级元素水平居中?如何让行内元素水平居中?
块级元素设置水平居中可以margin:0 auto;行内元素居中为text-align=center;用 CSS 实现一个三角形
三角形单行文本溢出加 ...如何实现?
{white-space:nowrap
overflow:hidden;
text-overflow:ellipsis;
}px, em, rem 有什么区别
px: 固定单位
em:相对单位,以父元素为基础
rem:相对单位,以根元素(html)为基准解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
body的字体设置:字体的大小为12像素;行高为字体的1.5倍;字体的类型为tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
加引号的作用:为了防止css校验器将字符串中的空格省略掉,从而引起识别错误
代表的是宋体,使用Unicode编码而来的demo
8.1. http://js.jirengu.com/hesaz/5
8.2. http://js.jirengu.com/xunu/3
8.3. http://js.jirengu.com/qada/5
8.4.http://js.jirengu.com/joza/2/edit
8.5.http://js.jirengu.com/vaxo/4/edit
**严禁转载,违者必究!
#CSS常见样式
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 块级元素和行内元素分别有哪些? block-level div h1 h2 h3 h4 h5 h6 p hrfor...