1. 打开“CSS样式”面板。
2. 在“所选内容的摘要”窗格中双击某一个属性,打开“CSS 规则定义”对话框。如下图所示:
一、定义CSS的类型属性
在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后可以在右边“类型”部分设置属性:
Font-family:设置字体系列。在下拉菜单中选择字体。
Font-size:定义文字的字体大小。
Font-weight:对字体应用特定或相对的粗体量。
Font-style:指定“正常”、“斜体”或“偏斜体”作为字体样式。
Font-variant:设置文本的小型大写字母变体。
Line-height:设置文本所在行的高度。
Text-transform:将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。
Text-decoration:向文本中添加下划线、上划线或删除线,或使文本闪烁。
Color:设置文本的颜色。
提示:如果某一个属性不需要设置,可以将其保留为空。
1、直接在html标签元素内嵌入css样式,如
<div style="font-size:14pxcolor:#FF0000">2、在html头部head部分内style声明插入代码如下:
<style type="text/css"><!--
.ceshi {font-size:14px color:#FF0000}
-->
</style>
3、在html头部head部分内使用@import引用外部CSS文件方法
<style type="text/css"><!--
@import url(wcss.css)
-->
</style>
Wcss.css文件内代码.ceshi {font-size:14pxcolor:#FF0000}
4、在html头部head部分内使用link来调用外部的css文件
在head放置<linkrel="stylesheet" href="wcss.css" type="text/css"/>来调用外部的wcss.css文件来实现html引用css文件
<linkrel="stylesheet" href="wcss.css" type="text/css"/>1、创建css样式,点击窗口\css样式,可以打开css样式编辑窗口,还可以直接在属性面板内创建。
2、点击属性面板的编辑规则,或者是css样式窗口的+号就可以打开新建css规则对话框。
3、选择要创建的css样式的内容。比如要为段落更改样式。
4、在弹出的定义对话框中,选择要更改的各种属性。比如把段落的字体大小改为16px,字体颜色改为红色。
5、点击确定,发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。