码迷,mamicode.com
首页 > Web开发 > 详细

CSS 语法

时间:2018-01-12 11:33:13      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:padding   gpo   nbsp   span   忘记   pos   英文单词   htm   mil   

CSS 语法由选择器和声明组成,选择器定义需要改变样式的 HTML 元素,声明定义要设置的样式,声明由一个属性和一个值组成

h1 {color:red; font-size:14px;}

技术分享图片

属性值可以有多种写法:

p { color: red; }                    # 使用英文单词来表示
p { color: #ff0000; }                # 使用十六进制的颜色值来表示
p { color: #f00; }                   # 使用CSS的缩写形式来表示
p { color: rgb(255,0,0); }           # 使用RGB值来表示
p { color: rgb(100%,0%,0%); }        # 使用RGB百分比来表示
p { font-family: "sans serif"; } # 注意:如果值为若干单词,则要给值加引号,且CSS对大小写不敏感

如果有多个声明,我们一般这么写:

body {
  color: #000;        # 注意不要忘记空格与分号
  background: #fff;        
  margin: 0;
  padding: 0;
  font-family: Georgia, Palatino, serif;
  }

我们还可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明:

h1,h2,h3,h4,h5,h6 {
  color: green;
  }

关于继承:根据 CSS,子元素从父元素继承属性,如下定义中,所有在 <body> 中的元素都会继承 <body> 元素的属性

body {
     font-family: Verdana, sans-serif;
     }

如果你不想继承父元素的属性,那你可以定义一个属于子元素的属性,如下:

body {
     font-family: Verdana, sans-serif;
     }
p {
  font-family: Times, "Times New Roman", serif;
  }

 

 

 

 

 

 

     

     

CSS 语法

标签:padding   gpo   nbsp   span   忘记   pos   英文单词   htm   mil   

原文地址:https://www.cnblogs.com/pzk7788/p/8274059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!