所以要写css代码,必须先知道网页的架构。
比如说
<div
id="menu">首页
个人中心
我的好友</div>
然后你在css里定义为:
#menu{corlor=#ccc}
那么menu里的文字颜色就会显示为
灰色。
建议楼主学点撒!
上面的不是CSS代码只是HTML代码,下面的是CSS代。CSS代码有几种表现行式
一种是:#CSS_name,第二种是:.CSS_name,第三种是:CSS_name
第一种用在ID里面,比如:<div
id="CSS_name"></div>
第二种用在Class里面,比如:<div
class="CSS_name"></div>
第三种一般是针对标签直接定义式,比如Body{font-size14px}就应用到整个Body里面。
区别就显而易见了,一个页面不能出现两个同样的ID吧,所以用#号形式的在一个页面就只能用一次。Class当然是多次了。
写这几个CSS代码的根本在于:浏览网页的人的使用习惯。
写网页是为了给浏览的人看,给浏览网页的人操作,而不是写给自己看,不是为了便于自己操作(除非是写给自己的网页)。
首先是:显示链接的CSS代码,所有链接呈现甚么状态。用 a:link{}.
其次是:已经访问过的链接的CSS代码,所有已经点击过的链接呈现什么状态。用 a:visited{}.
这连个顺序一定不能搞乱,不然很不符合浏览网页的客户的习惯,会使得浏览网页的客户混乱。
至于 a:hover{} :
如果放在 a:link{}. 与 a:visited{}. 之间,则已经点击过的链接,不管是否把鼠标浮动在链接上方 a:hover{} 都是无效的,只能呈现 a:visited 的样式状态。
如果放在 a:link{}. a:visited{}. 的后面,则只要鼠标浮动在链接上方, a:hover{}都是效的,呈现 a:hover{} 的样式状态。
客户点击过链接后有多大比例的人会重新把鼠标浮动到已经点击过的链接上,没有专门的统计数据,所以 a:hover{} 的位置没有统一的意见。自己把握。