Dreamweaver CS6如何应用:[31]调用外部CSS

 时间:2024-11-03 19:46:27

在网页设计过程中,需要调用CSS来实现页面的指定显示。在实际应用中,通常通过两种方法实现对CSS文件的调用,即在页面内部调用和调用外部文件

工具/原料

Dreamweaver CS6

一、在页面内部调用

1、页面内部调用是指直接在当前页面内编写CSS样式代码。如下代码就是页面内部调用。

Dreamweaver CS6如何应用:[31]调用外部CSS

二、调用外部文件

1、•外部文件调用是指编写第三方CSS文件,然后在页面中通过方法实现对外部文件的调用。•在最新推出的Web标准中,建议用户使用外部文件调用CSS,从而实现表现和内容的分离。

2、•页面中调用第三方CSS文件的语法格式如下所示:<link href="文件名" rel="sty造婷用痃lesheet" type="text/css" />

3、具体操作如下:新建一个HTML空白页

4、在CSS控制面板中新建CSS规则,选择器类型为‘类’,选择器名称为‘ccc',规则定义为’新建样式表文件‘

Dreamweaver CS6如何应用:[31]调用外部CSS

5、单击确定后弹出’将样式表文件另存为‘对话框,选择存放的位置,和填入文件名

Dreamweaver CS6如何应用:[31]调用外部CSS

6、在弹出的’。css的CSS规则定义‘对话框的’类型‘中设置字体大小和字体颜色,点击确定

Dreamweaver CS6如何应用:[31]调用外部CSS

7、插入DIV标签

Dreamweaver CS6如何应用:[31]调用外部CSS

8、选择’类‘为ccc

Dreamweaver CS6如何应用:[31]调用外部CSS

9、效果如下:

Dreamweaver CS6如何应用:[31]调用外部CSS
  • win10如何开启文本光标指示器
  • jquery如何删除数组最后一个元素
  • 如何使用JavaScript表格对象对表格添加新的一行
  • Cisco Packet Tracer配置单臂路由
  • Excel之INDEX函数
  • 热门搜索
    祖国在我心中手抄报 爱眼护眼手抄报 关于环保的手抄报 安全手抄报内容 科技手抄报 手抄报花边 爱路护路手抄报 护眼手抄报 清明节的手抄报 一年级手抄报简单又好