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 语法
原文地址:https://www.cnblogs.com/pzk7788/p/8274059.html