CSS简介及语法

作者: baiying | 来源:发表于2016-12-12 20:40 被阅读35次

    css简介:

    • css(Cascading Style Sheets)指层叠样式表
    • 样式定义如何显示html元素
    • 样式通常存储在样式表中
    • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
    • 外部样式表*可以极大提高工作效率
    • 外部样式表通常存储在 CSS 文件中
    • 多个样式定义可层叠为一

    基础语法:

    • css规则主要由两部分组成,选择器以及一条或多条声明
      selector {declaration1; declaration2; ... declarationN }
    • 选择器:通常为HTML元素
    • 声明:每条声明由一个属性一个值组成,属性和值之间用冒号分隔,多条声明之间用分号分隔。
      例:h1 {color:red; font-size:14px;}(h1是html中的一个元素)

    高级语法:

    • 选择器的分组:可以对选择器进行分组,分组后的选择器就可以分享相同的声明。
      例:h1,h2,h3{color:red; font-size:14px;}
    • 继承规则:按照css的规则,子元素从父元素继承属性
      例如:下面的代码body中的子元素都会继承body中所设置的css属性
    body  {
         font-family: Verdana, sans-serif;
         }
    

    如若不想让某些子元素(假设有p,h1)继承父元素的css属性而是设置它们自己的属性,那可以这样

    body {
         font-family:  sans-serif;
         }
    p,h1 {
         font-family: Georgia;
         }
    

    相关文章

      网友评论

        本文标题: CSS简介及语法

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