移动css样式初始化 css初始化三种方式

为什么要初始化css?

1、网站制作中之所以要使用css，是为了让页面布局样式等更加美观从而吸引更多阅读者。就好比一个五guan 精致的美女大家都爱看一样！①行内样式。例如：样式(实际效果是p标签中的字体为红色)②内嵌样式。

员工经过长期磨合与沉淀，具备了协作精神，得以通过团队的力量开发出优质的产品。创新互联建站坚持“专注、创新、易用”的产品理念，因为“专注所以专业、创新互联网站所以易用所以简单”。公司专注于为企业提供成都网站建设、网站设计、微信公众号开发、电商网站开发，小程序设计，软件按需设计等一站式互联网企业服务。

2、因为这些标签存在默认的margin和padding值，所以初始化都会设为0。也方便后续的页面重构，布局。

3、因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。

4、初始化就是在变量对象定义的时候赋值，防止没有赋值后面调用的时候出问题，或者说初始化表上有个默认值。

5、CSS 起源回顾 CSS 的优点之前，我要先介绍一下它的历史。Web 管理组织 W3C 在 1996 年 11 月推荐使用 CSS，并批准了 CSS 1 级规范。CSS 1 级规范说明了用于 HTML 页面的属性。

首先我们要知道，每一个html标签都有其自己的默认样式，而css则可以改变html的样式。

初始化CSS样式主要是提高编码质量，如果不初始化整个页面做完很糟糕，重复的CSS样式很多。去掉标签的默认样式如：margin，padding，其他浏览器默认解析字体大小，字体设置。来自博客园。

在前端工程师在进行网页的编写时，首先开始的第一件事就是写一大堆代码来重置浏览器的默认样式，原因就是要排除浏览器对于一些元素的默认样式的干扰，可以完全由开发者来定位每个元素的准确位置。

为什么要初始化 CSS 样式答案解析：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。

CSS 1 级规范说明了用于 HTML 页面的属性。这些属性代替了传统的字体标签和其他“样式”标记，例如颜色和边距。1998 年 5 月，W3C 批准了 CSS 2 级规范，将一些附加功能添加到 1 级规范，并引进了定位属性。

css是网页表现与内容分离的一种样式设计语言，就比如每个人都有一双眼睛、两只耳朵、两个鼻孔、一个嘴巴，而长的丑的人只是他的面部样式不符合大众的审美观。

css-tricks里给出了一个用纯CSS实现的，但它需要将一些业务数据写在CSS里。而本文这将提到的一种方法也是用纯CSS实现表格的自适应布局，而且CSS只负责表现，不牵涉业务逻辑和数据。

手机浏览器一般都不支持 float 浮动，所以可以用 display： inline-block 来代替它，当然你也可以用table来布局。用两个 display：inline-block 的块元素，并设定它们的宽度：width：49% 就可以实现一栏两列的布局了。

栅格与响应式（移动端的兴起，2007与2010）当前WEB前端开发使用DIV+CSS的布局方式会比较多也比较常用吧，网页布局看起来貌似简单，但是它需要综合使用很多HTML+CSS的知识，总的来说知识量是不小。

最终，通常的做法是：我们将所有各个浏览器中的html的初始标签全部“清除”——即实现类似没有“表形”功能的html。

CSS实现页面布局的一种思想：把页面的所有元素都看成一个类似于礼品盒的盒子，礼品盒可能会有好多层包装组成，那么页面元素也对应的有内容、边框、内外边距等组成。

我将现阶段学到的内容与过去学习所留下的印象进行对比，得出了如下我以为CSS盒模型中的难点和容易被忽视的点。它是一切开始的基础在MDN的文章中，盒模型被分为标准盒模型和替代盒模型。

CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和实际内容 border可以设置元素的边框。

初始化css可以避免不必要的麻烦。很多html都会有默认属性，而且对不同浏览默认值可能不同，很容易导致兼容性问题。而且对于默认值，也容易被自己或他人忽略而造成样式没有达到预期效果。

当前文章：移动css样式初始化 css初始化三种方式
文章起源：http://ybzwz.com/article/diojdep.html