2020版dw的css样式属性在哪

html-css06

2020版dw的css样式属性在哪,第1张

1. 打开“CSS样式”面板。

2. 在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。如下图所示：

一、定义CSS的类型属性

在“CSS 规则定义”对话框中，在“分类”下拉框中选择“类型”，然后可以在右边“类型”部分设置属性：

Font-family：设置字体系列。在下拉菜单中选择字体。

Font-size：定义文字的字体大小。

Font-weight：对字体应用特定或相对的粗体量。

Font-style：指定“正常”、“斜体”或“偏斜体”作为字体样式。

Font-variant：设置文本的小型大写字母变体。

Line-height：设置文本所在行的高度。

Text-transform：将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。

Text-decoration：向文本中添加下划线、上划线或删除线，或使文本闪烁。

Color：设置文本的颜色。

提示：如果某一个属性不需要设置，可以将其保留为空。

如果要在HTML文件中应用CSS样式，最常用的有三种方法：

1.内部引用

所谓内部引用就是运用style标签引用在同HTML页内<HEAD></HEAD>部分的css定义。如：

<html>

<head>

<style type="text/css">

.cssstyle { font:12px

color:#339966

border:1px #e1763d solid

}

<style/>

</head>

<body>

<div class="cssstyle">THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

2.外部引用

外部引用就是用<link>标签引用外部CSS文件中的样式。如欲实现上述效果，可将CSS做成单独文件。

文件CSSSTYLE.CSS

.cssstyle { font:12px

color:#339966

border:1px #e1763d solid

}

然后在HTML引用它：

<html>

<head>

<link rel="stylesheet" type="text/css" href="cssstyle.css">

</head>

<body>

<div class="cssstyle">THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>

</body>

</html>

使用这种方法引用要确保CSS文件和HTML文件的相对路径完整无误，要不然HTML文档是不会找到CSS样式的。

3.内联引用

内联引用其实就是在应用CSS样式的HTML部分直接在所做用的标签上定义CSS样式，这种方法最直接，但是缺点也最明显，最大的问题就是代码繁冗，作用域也仅仅在定义的标签的作用范围。如：

<p style="color:#ccc">THIS TEXT IS GREY</p>

<p>I AM NOT GREY, WHAT COLOR AM I? :)</p>