HTML5技术

【前端笔记】 CSS 基础 - 专注精彩(2)

字号+ 作者:H5之家 来源:H5之家 2017-09-04 14:01 我要评论( )

/* 强制改变优先级用important,important优先级最高,设置body标签里所有文字为黑色 */ * { color : black !important ; } 5. CSS属性 CSS 有 N 多属性,根据继承性,主要可以分为 2 大类 1 》 可继承属性 : 父标

  /* 强制改变优先级用important,important优先级最高,设置body标签里所有文字为黑色 */

* {

    color:black !important;

}

5. CSS属性

  CSSN多属性,根据继承性,主要可以分为2大类

  1可继承属性

    父标签的属性值会传递给子标签

    一般是文字控制属性

body {

    font-size: 30px;

    color: red;

    /*字体加粗*/

    font-weight: bolder;

}

下面列举一些可继承属性(红色表示常用):

  • 所有标签可继承
  •     visibility(隐藏内容)cursor(光标样式)

  • 内联标签可继承
  •     /*去掉标签的下划线*/

        text-decoration: none;

  • 块级标签可继承
  •     text-indent(文字首行缩进)text-align内容水平居中

  • 列表标签可继承
  •    

    div {

        background-color: red;

        width: 300px;

        height: 300px;

        /* 隐藏标签的内容和结构 */

        /* display: none; */

        /* 隐藏标签的内容,保留标签的结构,占位 */

        visibility: hidden;

        

        /*规定光标的样式(光标移到div上显示):pointer手指(跳转/超链接用);crosshair十字架(画图/画区域用)*/

        cursor: pointer;

    }

     

     

    p {

        color: blue;

        /* 段落首行缩进(根据像素/比例进行缩进)*/

        text-indent: 3%;

    }

     

    ul {

        /*列表样式属性:none无;square方块;circle圆*/

        list-style:square;

    }

     

     

      2不可继承属性

    父标签的属性值不能传递给子标签

    一般是区块控制属性

     

        下面列举一些不可继承属性(红色表示常用):

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 负载均衡基础知识 - coderbinbin

      负载均衡基础知识 - coderbinbin

      2017-09-01 15:05

    • 前端技术 - 铜镜123

      前端技术 - 铜镜123

      2017-08-29 13:01

    • 【canvas学习笔记七】混合和裁剪 - 池月

      【canvas学习笔记七】混合和裁剪 - 池月

      2017-08-29 13:00

    • 【canvas学习笔记六】状态保存和变换 - 池月

      【canvas学习笔记六】状态保存和变换 - 池月

      2017-08-29 12:00

    网友点评