从html到css最重要的思想

从html到css最重要的思想

html标签初衷是表达“这是标签”，“这是段落”，“这是表格”之类的信息

同时文档布局是由浏览器来完成的，而不使用任何的格式化标签，并且各个浏览器的属性不尽相同。

为了解决浏览器之前存在差异的这一问题，W3C肩负起HTML标准化的使命，并在HTML4.0之外创造出样式(style)。

所有的主流浏览器均支持层叠样式表（css）。

字体，色彩，背景图片，行间距，页面布局，页面绘图，动画等功能。

盒子思想

蓝色区域为内容显示区域，

网页中的任何一块区域，都可看作是盒子。

浮动的概念

理解浮动的核心在一个字“飘”，不着地的存在着。

盒子设定了浮动属性，则会更具属性值向左或向右浮动。浮动的盒子不再占用原本在文档中的位置，跟在其后的元素也会自动向前填充，直到遇到浮动对象的边界为止。

为设置浮动前

对第一个盒子设置左浮动，原本纵向排列的第二个盒子会紧随其后，自动向左填充，不再占用原有的位置。

如果想实现三个盒子都水平排列，则需要同时设置第一和第二个盒子的浮动属性，第三个盒子会跟随第二个盒子向前填充，因此可以不用设置其浮动属性。

对第三个盒子清除浮动：在最后一个浮动标签后，新加一个标签，给其设置clear：both；