如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
html如何链接外部css样式表？DW怎么创建CSS文件
来源：互联网
2023-03-16 19:11:20 版权归原作者所有，如有侵权，请联系我们
Dreamwever CC2018的CSS设计器怎么使用？如何创建CSS样式表文件并链入到html中？1 2 3 4 5 6 7 8 9 9 10 11 12
工具/原料
- Dreamwever CC2018
如何新建CSS并链接到html
我们在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。（可以点击下方引用经验查看如何创建一个站点）
2Dreamweaver CC2018怎么新建站点、管理删除站点
在右上角点击【CSS设计器】，并在下方点击【 号】，然后选择【创建新的CSS文件】。
在创建窗口中，点击【浏览】按钮。
然后选择站点中已经创建好的名字是CSS的文件夹，然后输入你想创建的CSS的名字（要用英文哦），点击【保存】。
然后把添加为设置成【链接】，点击【确定】按钮。
添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了。
在左侧的【head】标签中，就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表。
接下来我们来写一个简单的网页来看下CSS样式表是否链接成功。打开html网页编辑页面，在【body】标签中输入一个div。如下图：
然后在顶部tab标签中选择刚才创建的CSS样式表，并在样式表中写一个样式，命名为【aaa】，并保存样式表【快捷键Ctrl S】。
然后回到html编辑页面，在div标签中引入class，输入刚才写的样式的名称【aaa】并保存网页【快捷键Ctrl S】。
我们点击顶部的设计按钮，就可以看到实时效果。
也可以按快捷键F12，直接用浏览器打开，可以看到真实的效果。证明我们的CSS链接到html中是没有问题的哦~朋友们都学会了吗？
注意事项
- 规范化自己的网页设计流程，方便后期维护管理
- 链接外部CSS已经内嵌式，或嵌入式都是可以达到预期效果的，但建议优先使用外部链接，代码看不起来不乱。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：HTML多行文本框怎么设置宽度 下一篇：怎样编写选择颜色的前端代码
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 433 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)