weixin_74384492的博客

在进行前端样式优化的过程中，还需要用到许多常见的样式内容，下面用简单的HTML页面介绍常见的样式。

布局考虑的是整个页面的布局，也就是二维条件下页面的布局，我们只需要考虑横向布局和纵向布局两种即可。纵向布局非常简单，只需要借助div标签即可完成，重点是横向布局的设计与实现。

在HTML学习中，我们了解到，每个标签的本质都是形成一个独立的空间，用于各种操作。各种标签形成的独立的空间就是盒子模型。简单来说，盒子模型就是各种标签的抽象化产物。我们可以针对盒子模型进行各种参数设置，达到样式优化的效果。

在前端开发中，样式是不可或缺的，在进行html样式优化时，总共有三种方式可以选择，分别为：行内样式、内部样式、外部样式。其中，行内样式的优先级最高，其次为外部样式和内部样式，其中，外部样式和内部样式的优先级主要是看谁的代码靠前，越靠前的优先级越高。行内样式：在标签内部设置的样式，优先级最高。内部样式：在html文件内head中用style设置样式。外部样式：即css文件，利用link将css文件与html进行连接，实现样式优化，多页面设置样式使用此方法会很方便。

html有许多常用标签，本人在学习编写代码过程中，共总结以下13种常用的标签。所有的标签都是用来形成独立的使用空间的，理解标签的含义，对编写前端代码有很大的好处。。对标签进行唯一的识别，对标签实现一个类的划分，比如性别等，加样式。