丰富的CSS样式效果之-CSS类型设置
发布人:网韵网络 来源:网韵网络 发布于:2011-08-11 16:42:26 浏览:169
次
CSS样式表可以设置非常丰富的样式,包括文字样式,背景样式,边框样式等各种常用的效果,这些样式决定了页面中的文字、列表、背景、表单、图片、光标等各种元素。网韵网络今天来讲讲CSS类型设置。
在Dreamweaver里“新建CSS规则”对话框中设置所需的样式后,单击“确定”按钮,打开“CSS规则定义”对话框。在对话框中可以设置样式属性,而定义样式最常用的属性包含在“类型”选项面板中。
类型面板里有这几种样式规则:1、Font-family(字体);2、Font-size(字体大小);3、Font-style(文字样式);4、Line-height(行高)5、Text-decoration(文字修饰);6、Font-weight(字体粗细);7、Font-variant(字体变形);8、Text-transform(文字大小写);9、Color(文字颜色)。
通过上述规则,浏览器就会根据这些规则的定义显示出效果。如果客户机中例如没有定义的字体时,浏览器就会利用第2种字体来显示,依此类推。以下是规则案例:
1 font-family:"黑体";
2 font-size:14px;
3 color:#cc0000
4 font-variant:small-caps;
5 font-weight:bold;
6 font-style:italic;
7 text-decoration:underline overline;
8 line-height:20px;
text-transform:capitalize;
跟随网韵网络每天学一点建站知识,丰富自己业余爱好。