Dreamweaver CS6如何应用:[31]调用外部CSS
1、页面内部调用是指直接在当前页面内编写CSS样式代码。如下代码就是页面内部调用。
![Dreamweaver CS6如何应用:[31]调用外部CSS](https://exp-picture.cdn.bcebos.com/5c9c964ce54a2f270c331db5e00192dd3240f473.jpg)
1、•外部文件调用是指编写第三方CSS文件,然后在页面中通过方法实现对外部文件的调用。
•在最新推出的Web标准中,建议用户使用外部文件调用CSS,从而实现表现和内容的分离。
2、•页面中调用第三方CSS文件的语法格式如下所示:
<link href="文件名" rel="stylesheet" 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)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:54
阅读量:139
阅读量:129
阅读量:162
阅读量:154