美文网首页
css常见样式

css常见样式

作者: 邵志远 | 来源:发表于2017-03-28 23:10 被阅读0次

    一.块级元素和行内元素分别有哪些?
    块级元素:p、div、table、ul、li、form、dl、dt、tr、ol、dl
    行内元素:img、a、input、lable、select、textarea、video、audio、span
    区别:1.块级单独占一行,行内元素则不行,会和其他行内元素在同一行显示
    2.块级元素能设置宽高,行内元素不行,
    3.块级元素里面可以包含块级和行内元素,行内元素只能包含文本和行内元素
    4.块级元素可以设置内外边距,行内元素则不行,行内元素其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用

    二.什么是css继承?哪些属性能继承,哪些不能。

    1. css继承就是给父元素添加的样式,其子元素也能使用。
      2.能继承的属性: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、list-style、list-style-type、list-style-position、list-style-image、text-indent和text-align
      3.不能继承的属性: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。

    三.如何让块级元素居中?如何让行内元素水平居中?
    1.块级元素居中:给其添加margin: 0 auto;
    2.行内元素居中:给其父元素添加text-align:center属性

    四.用CSS视线一个三角形。
    只给div添加一条边框属性,边框的厚度调大一点,然后将div的高宽设置为0。

    五.单行文本溢出加.......如何实现?
    给包含文本属性的标签添加下列属性:
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;

    六.px em rem有什么区别?
    px:绝对单位,1px大小为一个像素
    em:相对单位,相当于其父元素的字体大小
    rem:相对单位,相对于根元素(html)字体大小

    七.解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
    作用:给body里面的字体设置大小、行高、字体样式
    因为中间有空格,不加引号会被识别成两个元素。数字符号表示的是字体的编号。\5b8b\4f53代表宋体。

    相关文章

      网友评论

          本文标题:css常见样式

          本文链接:https://www.haomeiwen.com/subject/mkksottx.html