CSS 常见样式

块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别

  • 块级元素:div h1 h2 h3 h4 h5 h6 p hr form ul ol li dl pre table dd dt tr td th
  • 行内元素:em strong a span br img button input lable select textarea code script
  • 块级元素占据一整行空间,行内元素只占据自身宽度的空间
  • 块级元素可以设置宽高,行内元素不可以设置
  • 块级元素里面可以包含块级元素和行内元素,行内元素内只能包含行内元素和文本
  • 行内元素设置margin,padding时,本身高度不变,左右生效;
  • 块级元素默认:dipslay: block;行内元素默认:dipslay: inline;。

什么是 CSS 继承? 哪些属性能继承,哪些不能?

  • CSS继承是指,特定的元素样式可以向下传递给子元素;
  • 不能继承的属性:display、margin、border、padding、background、height、width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before、unicode-bidi、content、counter-reset、counter-increment、float、clear、position、top、right、bottom、left、white-space、text-shadow
  • 可继承属性:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-transform、direction、color、page
  • 所有元素可继承:visibility、cursor

详细参考

如何让块级元素水平居中?如何让行内元素水平居中?

  • 块级元素居中:margin:0 auto; 行内元素水平居中:text-align:center

用 CSS 实现一个三角形

屏幕快照 2017-09-19 21.48.22.png

单行文本溢出加 ...如何实现?

 white-space: nowrap; /* 超过宽度不换行 */
 overflow: hidden; /* 超过宽度字符隐藏 */
 text-overflow: ellipsis; /* 超过宽度字符隐藏后变成“...” */

px, em, rem 有什么区别

  • px:pixel 像素,固定单位;
  • em:相对单位,相对于父元素字体大小的倍数;
  • rem:相对单位,相对于根元素( HTML )字体大小的倍数,IE8下不支持rem。

解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?

body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
  • font: 12px/1.5:字体12px,行高1.5倍,tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif字体名称,按照顺序调用,如果表示字体的代码中有空格,需要增加引号;
  • '\5b8b\4f53'代表宋体。

编码1
编码2
编码3
编码4
编码5

推荐阅读更多精彩内容

  • 块级元素和行内元素分别有哪些?## 块级元素 行内元素 区别 块级元素可以包含行内元素和其他块级元素,行内元素只能...
    饥人谷_zhangfan阅读 35评论 0 0
  • 1、块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 2、什么是 CSS 继承? 哪些属性能继承,哪...
  • 块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素(block-level):div h1 ...
    饥人谷_大口袋阅读 28评论 0 0
  • 初中时老师倡导大家去读世界名著,彼时自己连中国名著还没有读过几本一听世界名著感觉很大,对很大,无关于范围...
    九月林锐阅读 455评论 2 2
  • 任务是Grunt的面包和奶油。就像你常用的工具,如: jshint 或 nodeunit。每当运行Grunt时, ...
    angelwgh阅读 80评论 0 0