#CSS常见样式

  1. 块级元素和行内元素分别有哪些?动手测试并列出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;

  2. 什么是 CSS 继承? 哪些属性能继承,哪些不能?
    子标签继承父标签的css样式。
    继承:font-size、font-family、color、line-height、font-weight
    不能继承:display

  3. 如何让块级元素水平居中?如何让行内元素水平居中?
    块级元素设置水平居中可以margin:0 auto;行内元素居中为text-align=center;

  4. 用 CSS 实现一个三角形
    三角形

  5. 单行文本溢出加 ...如何实现?
    {white-space:nowrap
    overflow:hidden;
    text-overflow:ellipsis;
    }

  6. px, em, rem 有什么区别
    px: 固定单位
    em:相对单位,以父元素为基础
    rem:相对单位,以根元素(html)为基准

  7. 解释下面代码的作用?为什么要加引号? 字体里\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编码而来的

  8. 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
    **严禁转载,违者必究!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 块级元素和行内元素分别有哪些? block-level div h1 h2 h3 h4 h5 h6 p hrfor...
    我要认真学前端阅读 4,795评论 0 1
  • 1.块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素:header , main , fo...
    山门龙龙阅读 1,709评论 0 0
  • 1.块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别。 块级元素 div h1 h2 h3 h4 h...
    阿洁2185阅读 1,462评论 0 0
  • 1. 块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素:div , p , form, u...
    Rising_suns阅读 1,345评论 0 0
  • 俗话讲“一招鲜,吃遍天”,但在这个信息发达、交通便利的年代,这条准则到底还有多大的现实意义呢?明显的是,它几乎已经...
    管理顾问王荣增阅读 2,383评论 0 1