如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
css+div设计基础：[3]文字HTML标签样式
来源：互联网
2023-03-16 19:19:29 187
文字的样式在网页设计中可以用两种方式去表示，一种是文字的HTML标签样式，另一种就是用css样式表进行设计。今天特别来讲讲的是第一种HTML标签样式，很多人就会产生疑问了，我们不是在学css div设计基础吗？怎么又要学习这些不相关的样式呢？其实不然，HTML标签样式，在网页设计中的重要性是不可忽略的，特别是文章的标题，一定要用到的，这样是因为对搜索引擎是友好的。
工具/原料
- Dreamweaver cs5/
方法/步骤
首先，还是打开Dreamweaver cs5软件。创建一个HTML文件。如图。
![css div设计基础：[3]文字HTML标签样式](https://exp-picture.cdn.bcebos.com/4d3d2ab33c4133ba0cb28bc96a37c97623bc2f48.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![css div设计基础：[3]文字HTML标签样式](https://exp-picture.cdn.bcebos.com/f591ab03c8d246fea9bd4a37b8bf3bef344f1e48.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
这节要讲的HTML标签样式，我们统称为H标签，因为它总共有六个，即h1>、h2>、h3>、h4>、h5>、h6>标签。那么这些标签有什么不一样呢？又怎样应用呢？如图所示，我们用h1>标签做出来的效果。
![css div设计基础：[3]文字HTML标签样式](https://exp-picture.cdn.bcebos.com/51f9aa3ea8db574a0dc11b28a7f7dfb2dd191748.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
h1>标签是个双标签，在应用的时候有起始标签h1>，也要有结束标签/h1>，然后把要显示样式的效果的文字写在这两个标签之间即可。我们在做下这个h标签的六种样式的对比。如图。第一行文字就是没有应用标签样式的，效果对比起来就是不一样。
![css div设计基础：[3]文字HTML标签样式](https://exp-picture.cdn.bcebos.com/5a5a00def4dca03912eb465858d96975f3c40d48.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
h标签毕竟是HTML标签，所以在h标签内是可以再加样式的。例如，我想让h1标签的字体变得小一点，可以这样设置，如图。
![css div设计基础：[3]文字HTML标签样式](https://exp-picture.cdn.bcebos.com/054056fe1e425d6b0825c19d11883913e9e50048.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
好了，这一节也就到此结束了。
注意事项
h标签在做叠加样式的时候一定要将另外写的css样式写在h标签内，因为样式的应用是最求就近原则的，这一点要切记!
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 403 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)