一、CSS类型样式

1.打开CSS 样式面板

新建CSS样式，设置CSS属性

注意 类 声名的时候需要加点 （.ys01）
然后进入到属性面板，有可能属性面板开始是英文的，那就附上一张中文对照，不理解用中文对比

2.设置CSS属性

设置为 字体黑体 大小20px 粗细为正常 样式正常 行高20 颜色红色

首先 字体设置，如果没有黑体字，则需要添加

然后设置其他参数

3.给文本添加CSS样式（用刚才的 .ys01）

4.这是回到第一步，新建 .ys02并保存为样式表文件

tip：修改规则定义就OK了。

二、背景样式

与规则定义在同一窗口下

这是英文没有翻译，如果有问题参照下面中文对比

三、区块样式

中文对照图

说明，单词间距与字母间距有什么区别：以为单词为例，welcome to china ，单词间距设置为10

然后字母间距设置为10 对比。 结果是：单词间距为10，每个单词之间产生10的间距，而字母 间距为3则是每个字母之间产生的间距

单词间距

字母间距

注意：a.单位注意选择，一般使用像素px，b.预览以后可以看到效果，c.汉字用字母间距

垂直对齐选项说明

上

下

四、方块与边框

任务：设置

边框，样式为“outset”，高度“4px”，颜色“#846761”

方框：宽 “270 px” ，高“180px” ，浮动 “向左” 填充 “5px” ，边界“5px”

dotted 点线

dashed 虚线

solid 实体线

double 双横线

inset 内框

outset 外框

五、导航栏

任务：新建CSS样式 .tm1

设置

类型：字体“宋体” ，大小“14” ，行高“25” ,颜色“#FFFFFF”

背景颜色： “#03756B”

区块 ：文本对齐“居中”

方框：宽“109” ，高“25”

边框：

宽度：取消全部相同

"右为实线" 其它没有

“右” 下拉列表框 “1”

“上”、“下”、“左”下拉列表框 “0” 颜色：取消全部相同

“右” 下拉列表框 “#FFFFFF”（其它空白）

最后对准备好的导航栏应用

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/shili/s50590.shtml