提高易用性。使用CSS可以结构化HTML，例如：标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。可以一次设计，随处发布。
创新互联公司：于2013年成立为各行业开拓出企业自己的“网站建设”服务，为千余家公司企业提供了专业的成都做网站、成都网站制作、成都外贸网站建设、网页设计和网站推广服务， 按需搭建网站由设计师亲自精心设计，设计的效果完全按照客户的要求，并适当的提出合理的建议，拥有的视觉效果，策划师分析客户的同行竞争对手，根据客户的实际情况给出合理的网站构架，制作客户同行业具有领先地位的。
因为div+css排版相比table布局有很多优点啊，例如：缩减代码，提高页面浏览速度。结构清晰，对搜索引擎更加友好。网页修改简单，缩短改版时间。强大的字体控制和排版能力。使用CSS可以结构化html，提高易用性。更好的扩展性。
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
padding 是文字距离边框的内边距，顺序是上右下左，这句话相当于：padding-top：3px；padding-right：7px；padding-bottom：2px；padding-left：7px；是简写，很方便。
padding ： length 参数：length ： 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位 说明：检索或设置对象四边的补丁边距。
padding是内边距的意思，相对于margin外边距。 我们用CSS的 padding 属性定义元素边框与元素内容之间的空白区域。 padding 接受长度值或百分比值，但不允许使用负值。
按照良好的CSS书写规范来写CSS代码，这样会提高代码的阅读体验。下面具体说几点。
CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。
左补距离(设置距左内边距)。头顶补距离(设置距顶部内边距)。右补距离(设置距右内边距)。底补距离(设置距低内边距)。
CSS样式表可以分为外部样式表、内部样式表、内联样式。
第一种为标签样式，taglib为标签名，后面{}里面加属性，这种样式对页面内所有的标签名为taglibname的标签起作用。
CSS样式有三种类型：内联式CSS样式、嵌入式CSS样式、外部式CSS样式。内联式CSS样式：就是把CSS代码直接写在现有的HTML标签中。如果有多条CSS样式代码设置可以写在一起，中间用分号隔开。
1、苹果Mac版Safar浏览器你直接用 media (min-width：1366px) and (max-width：1440px){} 这个来单独写一个CSS样式，看你的屏幕分辨率是多少，我查了下，MAC的是1440*900，所以就用上图我发的那个。
2、苹果Mac版Safar浏览器你直接用 media (min-width：1366px)and (max-width：1440px){} 这个来单独写一个CSS样式，看你的屏幕分辨率是多少，我查了下，MAC的是1440*900，所以就用上图我发的那个。
3、一个很好的方法，不至于让网页大出浏览器的框以至于需要拖动。
4、设置一个js只在苹果浏览器下加载，其它浏览器不加载 if(isSafari=navigator.userAgent.indexOf(Safari)0) { document.write()；}document.write双引号的内容就是普通的css引入。
5、css的同一个样式中设定两种以上的字体，其中既有中文字体，也有英文字体，而且英文字体在中文字体的前面（这个很重要！），那么套用此样式的网页元素中的中文会自动匹配中文字体，而英文则会自动匹配英文字体。
6、w3c的html规范中有规定了引入css文件所针对的设备，可以通过在标签上添加media属性来指定所引入的css文件支持的设备，那针对手机这种移动设备，设置media属性值为handheld。
分辨率可以从显示分辨率与图像分辨率两个方向来分类。显示分辨率（屏幕分辨率）是屏幕图像的精密度，是指显示器所能显示的像素有多少。
html代码：此处为屏幕宽度为414与900之间的展示样式 这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。
用if else 来判断，给设置一个ID，再根据setAttribute改变src的属性。
首先手机的分辨率，和实际网页宽度是不一样的。不信你可以写个js弹出当时的屏幕宽度。然后，你在head里加试试。如果成功，希望你搜一下这个的作用，可以帮助你以后更好的写手机页面。
下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。
这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。 我们只需要在我们的HTML页面的标签中，使用js，根据不同的电脑分辨率，加载不同的css样式表。
不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。
其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放。有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。
选择加载CSS “自适应网页设计”的核心，就是CSS3引入的Media Query模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。