由css的三个字母组成的英语单词
是向web文档添加样式的简单机制,属于表示层的布局语言。
1.基本语法规范
分析一个典型的CSS语句:
p { COLOR:# ff 0000;背景:#FFFFFF}
其中“p”被称为“选择器”,表示我们要为“p”定义样式;
样式声明写在一对大括号“{}”中;
颜色和背景称为“属性”,不同属性之间用分号;“分开;
“#FF0000”和“#FFFFFF”是属性值。
2.颜色值
颜色值可以写成RGB值,比如:color: rgb(255,0,0),也可以写成十六进制,就像上面的例子color:#FF0000。如果十六进制值成对重复,可以缩写,效果是一样的。比如#FF0000可以写成#F00。但是,如果不重复,就不能缩写。例如,#FC1A1B必须用六位数字填充。
定义字体
Web标准推荐以下字体定义方法:
body { font-family:“Lucida Grande”,verdana,Lucida,Arial,Helvetica,Song Ti,sans-serif;}
字体按列出的顺序选择。如果用户的计算机包含Lucida Grande字体,文档将被指定为Lucida Grande。如果没有Verdana字体,则指定为Lucida字体,以此类推。
Lucida Grande字体适合Mac OS X;;
Verdana字体适用于所有Windows系统;
Lucida适合UNIX用户
“宋体”适合简体中文用户;
如果列出的字体都不能用,默认的sans-serif字体可以保证调用;
4.组选择器
当几个元素有相同的样式属性时,可以* * *调用一个声明,元素之间用逗号分隔。
p,td,李{ font-size:12px;}
5.派生选择器
您可以使用派生选择器来定义元素中子元素的样式,例如:
Li strong { font-style:italic;字体粗细:正常;}
就是为李下的子元素strong定义一个斜体不加粗的样式。
6.id选择器
用CSS布局主要通过图层“div”实现,div的样式由“id选择器”定义。例如,我们首先定义一个层。
& ltdiv id="menubar " >& lt/div & gt;
然后像这样在样式表中定义它:
# menubar { MARGIN:0px;背景:# FEFEFE颜色:# 666;}
其中“menubar”是您自己定义的id名称。注意前面加“#”。
Id选择器也支持派生,例如:
# menubar p { text-align:right;保证金-顶:10px;}
这种方法主要用于定义层和那些具有多个导数的复杂元素。
6.类别选择器
在CSS中,类别选择器定义由一个点表示,例如:
. 14px { color:# f60;font-size:14px;}
在页面中,使用class= "category name "的方法调用:
& ltspan class="14px " >14px的字体大小。
这种方法简单灵活,可以根据页面的需要随时创建和删除。
7.定义链接的样式
CSS中有四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a: active,例如:
a:link { font-weight:bold;文字装饰:无;颜色:# c00}
答:参观过{ font-weight:bold;文字装饰:无;颜色:# c30}
a:hover { font-weight:bold;文本装饰:下划线;颜色:# f60}
a:主动{ font-weight:bold;文字装饰:无;颜色:# F90}
上面的语句分别定义了“链接、访问过的链接、鼠标经过时、鼠标按下时”的样式。请注意,您必须按照上述顺序书写,否则显示的内容可能与您预期的不同。记住他们的顺序是“LVHA”。