DIV CSS：如何让页面更美观？

标签，它是HTML中最重要的容器标签之一，其作用是将HTML文档划分为独立的、互不干扰的不同块，更好的呈现网页的结构和层次。接下来是一些CSS样式使用技巧。

CSS盒子模型

CSS盒子模型是前端师最基本的知识点，是CSS的基石。它的作用是定义了HTML元素的每一个盒子，也是一个即新颖且久远的概念。

盒子模型由外到内有两个部分构成：外部由margin、边框（border）和padding组成，内部包含内容（即呈现文本或媒体的区域）。

利用CSS定位元素

一个好的布局应该是灵活方便，并且适应不同屏幕和设备。所以，设计一个可靠的布局，特别作用于移动端，这样可以更加让网站和应用更具有吸引力。

其中，可以使用“position”属性来定位元素：
1、static：默认属性；
2、fixed：绝对定位，相对于viewport定位；
3、relative：相对定位，相对元素原位置的定位；
4、absolute：绝对定位，相对于最近元素非static定位父元素的定位。

CSS选择器

CSS选择器共有8种，可以根据选择器选中的元素为目标设置属性，这样可以更好的定义CSS样式。实际上，准确而言，CSS样式是使用选择器选择一个或统一类似的元素或元素群组和代码块。

CSS选择器包括ID选择器、类选择器、标签选择器、属性选择器、子元素选择器、相邻元素选择器、通用元素选择器和伪类选择器。