对style标记应用一例一文的探讨



  目前,个人主页如雨后春笋的出现在互联网上,有关文章也是百家争鸣,在CPCW网站37期网络版上,我看到天津雨晨的文章,写的很好,但我也想就我个人的一些设计中所得对雨晨的文章做些补充,以下边代码为例,行后是解释,放在括号里。

<style>
<!--
td{font-size:12px;line-height=16px;} (td:对表格起作用,body:页面主体)
body{font-size:12px;line-height=16px;} (font-size:字体大小)
a:link{text-decoration:none;color:blue} (line-height:行距)
a:visited{text-decoration:underline;color:red} (decoration:修饰)
a:active{text-decoration:underline}
a:hover{text-decoration:overline;color:rgb(220,210,190)}
-->
</style>


(以上代码普遍适用于FrontPage、HOTDOG、HOMESITE、Dreamweaver等热门网页工具。)


  以下是参数讲解:

a:link 指页中超链,visited 指点击过的超链,active 活动的超链,
hover 是当鼠标移动到超链上面的属性;
font-size/line-hight:单位可以选px(像素),pt(点);
text-decoration:可用underline(加下划线),overline(字体头上加线),none(无);
color:色彩选择!

  在色彩选择时,如果用FrontPage98,系统提供16种标准色,但在以上代码中,除了使用十六进制参数以外,还可以输入色彩名称,为方便引用,列举出来:

黑色(black), 白色(white), 绿色(green), 深红(maroon), 橄榄(olive), 藏青(navy), 紫色(purple),灰色(gray),

黄色(yellow), 浅绿(lime), 浅蓝(aqua), 紫红(fuchsia),银色(silver), 红色(red), 蓝色(blue),青色(teal)!
 

  但是大家发现,这些远不够我们选择,总有些不太合意,所以我们可以自己调配颜色,正如代码行最后的"rgb(220,210,190)" ,这里是三原色的调配,220,210,190分别代表三种色彩的份额,每项可选
0--255,搭配后,大家可以算出来? 6的立方,相当于2的24次方,共可以组成16M 种色彩,够多吧?


  注意,看清楚效果后,再输入进代码,或者利用FrontPage98的NORMAL/HTML的切换,边调试边修正。或者,在NORMAL方式,右键单击页面,在"page properties"中,>background,找到任意下拉箭头,选择custom点击,进入画面后,在右下角的文本输入区RED,GREEN,BLUE,(或者红、绿、蓝)三个框中,任意输入0-255之间的数字,左边小框显示了当前的颜色,满意后,所输的数字即可用于设计stylesheet!
还应把最好的色彩的RGB值记在笔记中,因为我们不能把感觉记下来,但却可以用数字来替代这种色彩的感觉和记忆,这也许正是数字化世界的玄妙吧!


 

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3