想自学教程的朋友,就来教程巴巴。
教程巴巴
当前位置: 主页 > 图文 > 网页制作教程 >

Dreamweaver网页制作CSS代码释译

发布时间:2012-04-21 14:40 点击:
分享到:
【评论本教程】 【挑错本教程】
------分隔线----------------------------
网页代码释译
CSS样式设置:
一、类型样式
Font-family(字体): 在该下拉列表框中可以选择文字字体
 
Font-size(大小): 在该下拉列表中可以选择字体的大小,也可以直接在“Font-size”下拉列表框中输入字体的大小值,然后选择字体大小的单位。通常将正文文字大小设置为12px9pt,因,为该字号的文字和软件界面上的文字字号大小一样,也是目前使用最普遍的字号大小。在设置字体“大小”时,还有其他的单位,如in、cm、mm等,但都没有px和py常用
 
Font-style(样式): 在该下拉列表框中可以选择文字的样式,共包括normal(正常)italic(斜体)oblique(偏斜体)
Line-height(行高): 在该下拉列表框中可以设置文行的高度。在设置行高时,需要注意,所设置行高的单位应该和设置“大小”的单位相一致。行高的数值是把“大小”选项中的数值包括在内的。例如大小设置为12px,如果要创建一倍行距,则行高应该为24px
 
Font-weight(粗细): 在该下拉列表中可以设置字体的粗细,也可以选择具体的数值
 
Font-variant(变体): 该选项主要是针对英文字体的设置。在英文中,大写字母的字号一般采用Font-variant(变体)中的small-caps(小型大写字母)进行设置,可以缩小大写字母
 
Text-transform(大小写): 该选项同样是针对英文字体的设置。可以将每句话的第一个字母大写,也可以将全部字母变化为“大写”或“小写”
 
Text-decoration(修饰): 在该选项中提供了5种样式可供选择:Underline 添加下划线、Overline添加上划线、 line-through 添加删除线、 blink 添加文字闪烁效果、 none 文字不发生任何修饰
 
Color(颜色): 在该项中可以为字体设置字体颜色,可以通过颜色选择器选取,也可以直接在文本框中输入颜色值