如何用css设计网页模板

qq1335508012 2011-11-26 12:09:21

如何用css设计网页模板？？？

...全文

71 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

p2227 2011-11-26

打赏
举报

http://www.google.com.hk/search?gcx=c&sourceid=chrome&ie=UTF-8&q=%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E6%A8%A1%E6%9D%BF

辰尘 2011-11-26

打赏
举报

css网页设计模板就是用来描述htm中的关键字大多数情况下的属性，这样一来属性只需要写一次而不用重复设置。而且在修改时也方便。
举个小例子：
htm：
<html>
<head>
<title>例子</title>
<link rel="stylesheet" type="text/css" href="style/style.css"/>
</head>
<body>
制造白葡萄酒的葡萄：
<ul>
<li><a href="ri.htm" class="whitewine">雷司令(Riesling)</a></li>
<li><a href="ch.htm" class="whitewine">夏敦埃(Chardonnay)</a></li>
<li><a href="pb.htm" class="whitewine">白比诺(Pinot Blanc)</a></li>
</ul>
制造红葡萄酒的葡萄：
<ul>
<li><a href="cs.htm" class="redwine">卡百内索维农(Cabernet Sauvignon)</a></li>
<li><a href="me.htm" class="redwine">墨尔乐(Merlot)</a></li>
<li><a href="pn.htm" class="redwine">黑比诺(Pinot Noir)</a></li>
</ul> 
<a href="这不属于任何葡萄酒.htm">这不属于任何葡萄酒还是蓝色的</a>
</body>
</html>

css：
a { color:blue;}
a.whitewine { color:#FFBB00;}
a.redwine { color:#800000;}

这是给链接设置颜色，如果链接有几百几千个，这种设置是很方便的，改起来也方便
这个例子是说链接是白葡萄酒链接颜色是FFBB00，红葡萄酒链接颜色是800000，其他的链接是蓝色