CSS+DIV⽹页样式与布局
常用css布局⼀、什么是CSS?
CSS(Cascading Style Sheets)，中⽂译为层叠样式表，它是⽤于控制⽹页样式并允许将样式信息与⽹页内容分离的⼀种标记性语⾔。
CSS的引⽤就是为了使得HTML语⾔能够更好地适应页⾯的美⼯设计。它以HTML语⾔为基础，提供了丰富的格式化功能，如字体，颜⾊，背景和整体排版等，并且⽹页设计者可以针对各种可视化浏览器设置不同的样式风格，包括显⽰器，打印机，打字机，投影仪和PDA等。
⼆、什么是DIV？
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。DIV元素是⽤来为HTML（标准通⽤标记语⾔下的⼀个应⽤）⽂档内⼤块（block-level）的内容提供结构和背景的元素。DIV就是将HTML划分为⼏块，⽅便对HTML进⾏管理。三、为什么是CSS+DIV?
what：
DIV+CSS是WEB设计标准，它是⼀种⽹页的布局⽅法。与传统中通过表格（table）布局定位的⽅式不同，它可以实现⽹页页⾯内容与表现相分离，使站点的访问及维护更加容易。
why：
因为在CSS诞⽣之前，都是使⽤标签的属性来定义样式的，⽐如要实现加粗的效果，就要写“<b>加粗内容</b>”，要是定义⼀个字体是7号字，就要写“<font  size=7></font>“，但是这个html标签属性提供的功能有限，size的字号不是您想定义多⼤就是多⼤，到了10就不好使了，怎么办呢，W3C就指定了CSS，⽤css来代替传统的html标签的属性功能，以弥补html标签的功能缺陷。
使⽤css的id和class属性可以很⽅便的给html标签加上⼀个特殊的标记，然后通过css的访问机制可以很⽅便的定义样式，这样，如果很多标签样式⼀致，我们就给它定义⼀个类（class），然后写样式就可以了，要是table就不⾏了，每⼀个标签都得把样式写进去，重复的标签样式造成代码臃肿，⼜难以维护
div是⼀个标签，代表块级元素，⽽div嵌套div的模式就称为盒⼦模型。使⽤div主要是为了CSS样式的应⽤。Benefits:
1、使⽤DIV+CSS布局，页⾯代码精简
2、提⾼访问速度、增加⽤户体验性
3、div+css结构清晰，很容易被搜索引擎搜索到
4、让⽹页体积变得更⼩。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。