热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

css设计器怎么用?

1、首先打开DreamweaverCC2018软件新建一个html文件,在右上角点击CSS设计器,并在下方点击加号,然后选择创建新的CSS文件:2、在创建窗口中,点击浏览按钮。3、

1、首先打开DreamweaverCC2018软件新建一个html文件,在右上角点击CSS设计器,并在下方点击加号,然后选择创建新的CSS文件:

2、在创建窗口中,点击浏览按钮。

3、然后选择站点创建好CSS文件夹,然后输入创建的CSS的名字,点击保存插件文件:

4、然后把添加为设置成链接,点击确定按钮:

5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了:

6、此时在html文件中的head标签中,就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表:

7、接下来在html网页编辑页面,在body标签中输入一个div:

8、然后在顶部tab标签中选择刚才创建的CSS样式表,并在样式表中写一个样式,命名为aaa,并按下快捷键Ctrl+S保存样式表:

9、最后回到html编辑页面,在div标签中引入class,输入刚才写的样式的名称aaa并保存网页:

10、最后点击顶部的设计按钮,就可以看到实时效果了,此时css文件就成功链接进去了:


推荐阅读
author-avatar
nnbji
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有