2020版dw的css样式属性在哪

html-css012

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:设置文本的颜色。

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

dw里怎样设置图片的css样式

1、首先在文件内插入一张图片,点击插入\图像,选择一张图片即可。

2、选中图像,点击css样式窗口的+号,新建一个CSS(相关课程推荐:css视频教程) 样式,打开对话框。选择标签元素,下面就自动变为img,就是说为图像编辑规则。

3、比如要为图片编辑边框,就在弹出的对话框中选择边框,有三个属性可以更改,一个是类型,大小和颜色。可以根据需要选择。

4、在右侧的css面板上就多了个边框属性,代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。

5、如果要对该图像再进行修改,可以点击css样式窗口下的铅笔,在弹出的对话框中修改即可。

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"/>