• 级联样式表(Cascading Style Sheet,CSS)旨在将web页面的样式与内容进行分离。
  • 选择器就是不带尖括号的HTML标记。CSS属性用来定义选择器的特定特性。

 


 

  • 为属性指定属性值时,就是为选择器创建一个声明。(在一个CSS属性名之后使用一个冒号,后跟该属性的值,属性值无须使用引号括起【对于用长度或百分比作为单位的值,通过在值之前添加一个正号或负号,可以使之取值为正或负】,属性值之后是一个分号)可将声明和选择器合称为一个规则集合,在典型规则集中,将声明放在一对花括号中,位于选择器之后。
  • (百分比允许元素根据屏幕的大小和窗口的尺寸进行调整和移动,用于指出它与包含它的父元素之间的关系)
  •  
  • 创建样式的优先级:内联(直接嵌入到它所影响的HTML代码中)>内部(放在web页面的<head>信息中)>外部(外部样式的代码放在一个独立的文档中,从实际使用该样式表的web页面的<head>标记中引用该样式,使用单个外部样式表可定义多个web页面的呈现效果)  【当在一个标记中添加内联样式表时,它仅影响单个标记,不影响到页面中所有类似的元素,若想改变一个页面中所有类似元素的样式,用<style>元素自身来包含该页面所有的样式指令。在外部样式表中无须使用<style>元素或style特性,在创建外部样式表后,使用.css作为文件扩展名,将其另存为一个文本文件。】
  • 【为了声明一个样式更加重要,只需在样式声明之后添加important关键字,为了让浏览器能正确的分析,必须将important关键字放在一个叹号之后。】
  •  

Web开发中引用颜色的方法:

  1. 计算机的显示器以RGB模式来显示颜色,R代表红色,G代表绿色,B代表蓝色。R,G,B用一个介于0~255之间的值来表示,在色谱中,0代表最暗,255代表最亮。
  2. 在HTML页面中使用十六进制颜色值时,需要将颜色值从十进制(RGB)转化为十六进制。将红,绿,蓝色值分别转化为一个两位的十六进制值。然后将这三个十六进制值合并在一起作为单个字符串,并在开头加上一个井号(#)。当引用的颜色具有成对的值时,可以使用简写方式以减少所需输入字符的数量。Eg:十六进制值003366的一个颜色值简写为036.
  3. RGB值和百分比:颜色值容易得到用RGB值,eg:<p  style=”color:  rgb(0,0,,255);”>

没有方便的RGB值,可使用RGB值的百分比。<p  style=”color:  rgb(0%,0%,100%);”>

在每一个R,G,B值之间请使用一个逗号进行分隔,将整组值放在一对圆括号之中。在圆括号之前是小写的rgb三个字符,RGB值和百分比只能在样式表中描述颜色

 


 

  • HTML5/CSS3中更新,对颜色透明度的支持。采用RGBA方法可以指定颜色的alpha值。Eg:h1  {color: rgba(255,68,253,0.5);}
  • opacity的取值范围为0.0(完全透明)~1.0(完全不透明)eg:div.transparentbox {background-color:#036; opacity:0.7;}

[color属性用于指定文本的前景色,background-color属性用于确定背景色]

 

body  {background-image:  url(images/background.jpg);}//是通过URL引用背景图片images/background.jpg

 

当想改变页面链接的颜色时,应该使用a元素作为CSS选择器。(a标记和href特性用于链接到其他网址。)

当想改变页面背景颜色时,应该使用body元素作为CSS选择器。

posted on 2016-04-17 20:41  钎探穗  阅读(362)  评论(0编辑  收藏  举报