CSS简介及语法

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简介及语法)