手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Dreamweaver:[54]网页制作css规则之类型样式

时间:2024-10-13 12:39:07

1、css规茸垂扌馔则定义中有类型样式主要是设置字体的css样式。可以先打开软件,制作一个简单的页面,然后再对该页面进行css样式布局。为标题设置一个css样式。

Dreamweaver:[54]网页制作css规则之类型样式

2、点击css样式窗口的"新建css规则",打开新建css规则对话框。

Dreamweaver:[54]网页制作css规则之类型样式
Dreamweaver:[54]网页制作css规则之类型样式

3、在选择器类型中选择“类”,选择器名称选择.title,见以前的经验。在规则定义中选择新建样式表文件。点击确定后选择样式文件要放置的文件夹。

Dreamweaver:[54]网页制作css规则之类型样式
Dreamweaver:[54]网页制作css规则之类型样式
Dreamweaver:[54]网页制作css规则之类型样式

4、这样就创建了一个cs衡痕贤伎s样式文件,并新建了一个名为.title的样式。在打开的css规则定义对话框中的左侧选择类型,这就是css规则的类型样式,主要用于设置文本的css样式。

Dreamweaver:[54]网页制作css规则之类型样式

5、设置字体样式。font-family,就是设置字体样式,可以点击后面的下拉菜单进行选择,如需要选择其他的还可以通过编辑样式列表进行添加。在此选择楷体。

Dreamweaver:[54]网页制作css规则之类型样式

6、设置字体大小。font-size,就是设置字体大小。前面下拉字体大小数值,后面下拉单位。

Dreamweaver:[54]网页制作css规则之类型样式
Dreamweaver:[54]网页制作css规则之类型样式

7、设置字体样式,font-style,就是是否有斜体,nomral是没有下面,下面是两种风格的斜体。

Dreamweaver:[54]网页制作css规则之类型样式

8、设置行高,line-height,就是行高,也就是第一行文字的底部到第二行文字的底部,可以输入数值。

Dreamweaver:[54]网页制作css规则之类型样式

9、设置字体粗细。font-weight,就是字体粗细,有加粗,更粗等选择,还可以选择数值。

Dreamweaver:[54]网页制作css规则之类型样式

10、设置文本颜色,color,就是字体颜色,可以直接选择。

Dreamweaver:[54]网页制作css规则之类型样式

11、还有其他样式的选择,比如,下划线,上划线等。

Dreamweaver:[54]网页制作css规则之类型样式

12、设置好了以后,点击确定。代码中多了一段连接到css样式文本的代码;css样式文本代码中就多了一段样式代码。

Dreamweaver:[54]网页制作css规则之类型样式
Dreamweaver:[54]网页制作css规则之类型样式

13、有了css样式还要运用到具体的html中去。点击需要加入样式的文本,并在属性面板的目标规则中选择。

Dreamweaver:[54]网页制作css规则之类型样式
Dreamweaver:[54]网页制作css规则之类型样式
© 手抄报圈