Dreamweaver CS6如何应用:[31]调用外部CSS
在网页设计过程中,需要调用CSS来实现页面的指定显示。在实际应用中,通常通过两种方法实现对CSS文件的调用,即在页面内部调用和调用外部文件
工具/原料
Dreamweaver CS6
一、在页面内部调用
1、页面内部调用是指直接在当前页面内编写CSS样式代码。如下代码就是页面内部调用。
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/5c9c964ce54a2f270c331db5e00192dd3240f473.jpg)
二、调用外部文件
1、•外部文件调用是指编写第三方CSS文件,然后在页面中通过方法实现对外部文件的调用。•在最新推出的Web标准中,建议用户使用外部文件调用CSS,从而实现表现和内容的分离。
2、•页面中调用第三方CSS文件的语法格式如下所示:<link href="文件名" rel="sty造婷用痃lesheet" type="text/css" />
3、具体操作如下:新建一个HTML空白页
4、在CSS控制面板中新建CSS规则,选择器类型为‘类’,选择器名称为‘ccc',规则定义为’新建样式表文件‘
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/939c2d40b6f39187f1c0ac7324fce186252fef73.jpg)
5、单击确定后弹出’将样式表文件另存为‘对话框,选择存放的位置,和填入文件名
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/9881b1fce186242f5faea1ac35e434daf15ee873.jpg)
6、在弹出的’。css的CSS规则定义‘对话框的’类型‘中设置字体大小和字体颜色,点击确定
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/955ea0e434daf05eb6ff4cc2751d96d81919e573.jpg)
7、插入DIV标签
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/19587f20a7cd0c6eff2f3700fed7997bbaf4dd73.jpg)
8、选择’类‘为ccc
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/bab5c45872dade496dd2bee526042e6816e9d573.jpg)
9、效果如下:
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/50a010f85856d53dbdf9ed5a47d2bb665059ca73.jpg)