如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
HTML中CSS引入的方式有哪些，该如何使用
来源：互联网
2023-03-16 19:16:55 版权归原作者所有，如有侵权，请联系我们
CSS（层叠样式表）英文全称：Cascading Style Sheets，是一种用来表现HTML（标准通用标记语言的一个应用）文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
那么在HTML中使用CSS都有哪些引入方式，每一种引入方式都该怎么使用呢？下面简单为大家介绍！
工具/原料
- HTML
- CSS文件
方法/步骤
CSS的引入方式有三种：外部样式，内部样式和行内样式。这三种引入方式都有哪些好处和哪些劣势呢？
外部引入：
在HTML的head部分通过
link rel="stylesheet" href="css文件路径">，引入外部的CSS文件;
优势：
一个CSS文件可控制多个页面，易改版、便于维护，减少代码量、代码简洁规范易于分工协作，有效利用缓存机制
劣势：
相对于单页有垃圾代码
外部引入中的href属性会给服务器造成请求的压力
内部引入（头部书写）：
在head部分加入style标签，CSS代码就写在标签内
优势：
速度快，没有服务器请求压力，相对于外部引入单页代码量少
劣势：
不易改版与维护，代码较乱不易前后台沟通
行内样式（在标签内直接写CSS）:
直接把css标签写在页面标签里;
优势：
优先级最高
劣势：
冗余代码多，代码量大，不利于维护
个人建议使用外部样式。
注意事项
- 本篇作者：mingfei7056
- 如果对您用帮助，请投出您的一票！如果有疑问，请留言！
- 另外我也有其他精彩的经验，闲暇之余可以看看，顺便留下足迹哈！
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：html表格边框线怎么设置 下一篇：html页面中如何实现input不可编辑
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 434 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)