CSS就是一种叫做样式表(stylesheet)的技术,也称为层叠样式表(CascadingStyleSheet)。在主页制作时采用CSS技术,可以有效地对页面地布局、字体、颜色、背景和其他效果实现统一样式设置,从而使页面格式控制更加容易,页面布局更加轻松,整个网站风格更加容易统一。: selector{property:value;property:value;…..} selector:样式名称,有三种形式,分别为: html标记,如p、body、a、h2等 class id property:使要被修改的样式性质,例如color。 value:赋给property的值,例如赋给color的值可以是red。例:a{color:red}这个例子可以使网页中的所有链接都变为红色。一般来说把这样的定义全包括在<style>标识中,放到<head>…</head>里面。下面是一个简单的例子,其中定义了页面中所有链接为红色、P标识的文本背景为蓝色、文本为白色。 ()(1)Htmlselector(超链接伪类)Htmlselector就是html的标记tag例如a、p、div、td等,还可以是“标记:状态”,例如a:link,如果用CSS定义了他们,则在整页中,这个tag的性质就按照定义来显示了。例如,让标识td的颜色显示为红色:“td{color:red}”CSS支持样式群定义,可以将样式一次定义给不同的元素,例如:“h1,h2,td{font-family:arial;font-size:40pt;color:red}”这个定义让所有的h1、h2和td标识的文本具有字体arial,大小40pt和颜色为红色的状态。利用“标记:状态”对也可以定义链接颜色,() <html><head><styletype="text/CSS">a:link{font-family:Arial;color:blue;text-decoration:none}表示超连接文本未访问时的样式a:hover{font-fami宋体;color:black;text-decoration:underline}表示光标移入移出超连接时的样式a:visited{font-family隶书;color:red;text-decoration:none}表示访问后的超连接的样式a:active{font-family:Arial;color:green;text-decoration:none}表示超连接被激活后的样式</style></head><body><Ahref="">文本密码输入</A><br><ahref="">单选框</a><br><ahref="">复选框</a></body></html>link定义了未访问链接的形式,hover定义了鼠标指针指向链接后的显示形式,visited定义了已经访问过的链接的形式,active定义了单击后处于焦点的链接形式(2)classselector(类选择符)classselector通过在html元素中关键字class引用,实现对元素样式的控制。
css技术 来自淘豆网m.daumloan.com转载请标明出处.
