以在同一个HTML文档内部引用多个外部样式表。?层叠次序?当同一个 HTML 元素被不止一个样式定义时,?会使用哪个样式呢?РCSS 简介Р一般而言?样式会根据下面的规则层叠于一个新的虚拟样式表中,其中“4”拥有最高的优先权?1浏览器缺省设置?2外部样式表?3内部样式表(位于<head> 标签内部) ?4内联样式(在 HTML 元素内部)Р因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明?<head> 标签中的样式声明?外部样式表中的样式声明?浏览器中的样式声明(缺省值)РCSS 简介Р外部样式表Р页内样式声明Р内联样式РCSS 语法РCSS 语法?CSS 语法由三部分构成:选择器,属性,值。?selector {property: value}?选择器,selector?通常是你希望定义的 HTML元素或标签?属性和值,property & value?希望改变的属性,并且每个属性都有一个值?属性和值被冒号分开,由花括号包围РCSS 语法Р一个完整的样式声明(declaration)Р将 body元素内的文字颜色定义为蓝色?body是选择器?包括在花括号内的的部分是声明?声明依次由两部分构成?属性和值,color为属性,blue为值。РCSS 语法Р值的不同写法和单位?红色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 单位。
全文预览
