欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Dreamweaver中css选择器中的类使用方法

程序员文章站 2022-04-26 08:24:04
...
Dreamweaver怎么使用css选择器中的类?Dreamweaver中css选择器中有很多功能,想要使用其中的类,该怎么使用呢?下面我们就来看看详细的教程,需要的朋友可以参考下,希望能帮助到大家。
  • 软件名称:

  • Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁+安装教程) 64位

  • 软件大小:

  • 758MB

  • 更新时间:

  • 2016-11-05

Dreamweaver中css选择器中的类使用方法

1、打开css样式窗口,点击新建css规则。

Dreamweaver中css选择器中的类使用方法

Dreamweaver中css选择器中的类使用方法

2、在弹出的对话框中的css选择器中选择"类",在选择器名称中任意取名,但前面必须加一个点,比如.ys1

Dreamweaver中css选择器中的类使用方法

3、在弹出的css规则定义对话框中定义需要的属性,比如字体大小和颜色。

Dreamweaver中css选择器中的类使用方法

4、在头部信息的代码中就多了一个.ys1的css样式代码,但这只是新建了一个样式,还没有运用到页面中。

Dreamweaver中css选择器中的类使用方法

5、选中需要运用该样式的文本,在属性的类中直接选中.ys1。

Dreamweaver中css选择器中的类使用方法

6、这样文本就出现变化,一个类就正式运用到网页中去了。

Dreamweaver中css选择器中的类使用方法

相关推荐:

详解CSS选择器 Selector

如何使用css选择器来实现导航栏背景图的切换?

关于css选择器知识详解

以上就是Dreamweaver中css选择器中的类使用方法的详细内容,更多请关注其它相关文章!