css⾏为有哪⼏部分组成,CSS语法由哪三部分构成？
CSS 语法由哪三部分构成?
CSS(Cascading Style Sheets, 层叠样式表), 它是⼀种⽤来表现 html 或 xml 等⽂件样式的计算机语⾔. 主要⽤来设计⽹页的样式, 美化⽹页; 它不仅可以静态地修饰⽹页, 还可以配合各种脚本语⾔动态地对⽹页各元素进⾏格式化.
CSS 语法由三部分构成: 选择器, 属性和值; 选择器 (selector) 通常是你希望定义的 HTML 元素或标签, 属性 (property) 是你希望改变的属性, 并且每个属性都有⼀个值.
语法:
selector {property: value}
选择器 (Selector) 指这组样式编码所要针对的对象, 可以是⼀个 XHTML 标签, 也可以是特定的 id 或 class 的标签 (前有 #标识);
属性 (Property) 是 CSS 样式控制的核⼼, 遂于每个 XHTML 标签, CSS 都提供了丰富的样式属性, ⽐如颜⾊, ⼤⼩, 定位, 浮动⽅式等.
值 (value) 指属性的值, 有两种形式, ⼀种是指定了范围的值, 另⼀种是数值.
属性和值被冒号分开, 并由花括号包围, 这样就组成了⼀个完整的样式声明 (declaration):
body {color: blue}
上⾯这⾏代码的作⽤是将 body 元素内的⽂字颜⾊定义为蓝⾊. 在上述例⼦中, body 是选择器, ⽽包括在花括号内的的部分是声明. 声明依次由两部分构成: 属性和值, color 为属性, blue 为值.
值的不同写法和单位
除了英⽂单词 red, 我们还可以使⽤⼗六进制的颜⾊值 #ff0000:
p { color: #ff0000; }
为了节约字节, 我们可以使⽤ CSS 的缩写形式:
p { color: #f00; }
我们还可以通过两种⽅法使⽤ RGB 值:p{
color:rgb(255,0,0);
}
p{
color:rgb(100%,0%,0%);
}
请注意, 当使⽤ RGB 百分⽐时, 即使当值为 0 时也要写百分⽐符号. 但是在其他的情况下就不需要这么做了. ⽐如说, 当尺⼨为 0 像素时, 0之后不需要使⽤ px 单位, 因为 0 就是 0, ⽆论单位是什么.
记得写引号
提⽰: 如果值为若⼲单词, 则要给值加引号:
p {font-family: "sans serif";}
css选择器分为哪几类多重声明:
提⽰: 如果要定义不⽌⼀个声明, 则需要⽤分号将每个声明分开. 下⾯的例⼦展⽰出如何定义⼀个红⾊⽂字的居中段落. 最后⼀条规则是不需要加分号的, 因为分号在英语中是⼀个分隔符号, 不是结束符号. 然⽽, ⼤多数有经验的设计师会在每条声明的末尾都加上分号, 这么的好处是,
当你从现有的规则中增减声明时, 会尽可能的减少出错的可能性. 就像这样:
p {text-align:center; color:red;}
你应该在每⾏只描述⼀个属性, 这样可以增强样式定义的可读性, 就像这样:p{ text-align:center;
color:black;
font-family:arial;
}
空格和⼤⼩写敏感body{
color:#000;
background:#fff;
margin:0;
padding:0;
font-family:Georgia,Palatino,serif;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。