了解CSS有哪些必要的学习方法_学习CSS有哪些方法

　　当你开始学习CSS时，你可能会被网上大量的CSS书籍和教材所淹没。下面由学习啦小编为大家整理的学习CSS的方法，希望大家喜欢!

　　学习CSS的方法

　　1、掌握HTML

　　要想学会CSS,首先必须掌握HTML，如果你没有学会HTML,那么你将无法有效使用CSS，因为他们是相铺相成，缺少了HTML的CSS是毫无意义的。HTML的学习是非常的重要，以至于你需要花费一半的学习时间在里面。

　　2、CSS概念

　　在学习CSS之前，首先要了解CSS是什么，为什么CSS是如此重要，在了解CSS基本概念后，你将能理解到网页设计中CSS扮演着什么角色。

　　3、CSS基本语法

　　所谓无规矩不成方圆，CSS基本语法的分为3部分：CSS选择器、CSS选择器声明、CSS的继承，这3部分是CSS的精髓，始终贯穿在编写CSS之中。在CSS语法学习中，我们会面临同一种结果却有着多种表达方式，这时要根据页面的需要采取合适的表达方式来实现。当我们对CSS有所理解时可以使用CSS缩写，这样可以精简CSS代码，降低CSS文件大小，提高网页打开速度，同时能使代码更加通俗易懂，

　　4、CSS兼容性

　　由于每个浏览器都有其默认的CSS，所以不同的浏览器下有着不同的显示效果。在我们开始编写CSS代码时，对CSS没有深入掌握的情况下，难免会犯下对浏览器兼容不一致的问题，这要求我们在编写CSS代码时，最好在两个不同的浏览器上进行预览，以便及时调整各个环节，通过这样不断的预览测试，发现然后解决问题来快速的掌握CSS在不同浏览器下的兼容性。

　　5、CSS工具

　　好的CSS工具不仅有助于帮助你学习CSS，而且还可以帮助你提高编写CSS代码的效率，当然你也可以使用Dreamweaver或者使用纯文本编辑器如记事本来编写，这取决你的习惯，正所谓萝卜白菜更有所爱。

　　6、利用各种渠道学习

　　学习CSS不要一味的埋头苦干，多去CSS相关的论坛和博客逛逛，要做到不耻下问，多听听前辈的讲解。还要多参考其他著名网站的CSS代码，毕竟都是些CSS高手写的代码，代表CSS代码的规范和一些前沿技术，这样对我们快速掌握各种CSS技巧并运用到实际编写中，是有很大好处的。

　　学习CSS图片对网站加载的方法

　　1、图片

　　(1)指定图像尺寸

　　加载图像之前，您的浏览器开始渲染页面。制定图像尺寸，有助于它环绕不可替代的元素。如果没有制定尺寸，一旦图像被下载您的浏览器将回流，为了做到这个，笔者建议在< IMG >元素使用高度和宽度标签规格。

　　注意不要使用尺寸缩放功能的图像，因为用户仍然还是需要下载原始文件的大小，笔者认为，其实图像并不需要多大的屏幕空间，只要能让用户看清楚就可以。

　　(2)优化图像

　　在使用图像的过程中，包含了一些额外的东西，比如使用一些无用的颜色，额外的多出的图片大小。使用之前先对其进行优化，将大小保持在最低程度，尝试保存JPEG格式，这将帮助很多慢速的网络用户。这样做的原因是为了在保持图片质量的同时控制其重量，减少服务器的加载时间。

　　2、避免CSS表达式

　　HTML页面进度指示器指示，浏览器载入页面的流程是逐步从页头，导航栏，内容等，如果将CSS文件放在页面底部，将会静止许多浏览器进行渲染，这些浏览器阻止渲染将会导致页面被重绘，使用CSS文件需要将其放置在页面顶端，并且CSS文件避免使用CSS表达式。

　　CSS表达式是一个强大的和危险的方式动态设置CSS属性。他们支持在Internet Explorer版本5开始，但与IE8开始弃用。作为一个例子，可以设置背景颜色交替使用CSS表达式每隔一小时：

　　getHours背景色：表达式((新的Date())()2%“B8D4FF#”：“#F08A00”);CSS表达式将会增加页面的一个翻译时间，延长页面的加载时间。

　　3、使用外部js和css文件

　　在现实世界中使用外部文件，一般会产生更快的网页，因为是由浏览器的Javascript和CSS文件缓存。Javascript和CSS在HTML文档内联得到下载的HTML文件要求的时间。这减少了所需的HTTP请求的数量，但增加了HTML文档的大小。另一方面，如果在外部浏览器的缓存文件，Javascript和CSS，HTML文档的大小没有增加HTTP请求的数量减少。

　　div+css结构写网页的几个误区

　　1、用div+css结构制作静态html网页不等于彻底抛弃古老的table写法。之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页，其次是table的布局没有一定的语义，网页代码修改起来比较麻烦。

　　在写一些栏目块时，特别是数据分类较多，比如“求购信息”的栏目块，顶部可能出现“发布人、发布时间、信息标题、联系方式”等项目，像这样的地方建议还是要用table来写，因为table是专门用来写数据表格的，控制起来很方便，而且符合语义要求，还有页面中出现类似excel数据的地方，也建议用table来写。

　　2、div+css结构不等于通篇区域都用div包起来。遇到一个区块就用一个div标签，这样你写完代码后全篇都是div，失去了语义的存在价值，区块修改起来也不容易找到，合理的利用dl、ul、ol、span、等标签，不仅让你的网页看起来条理清晰，而且修改起来很方便，见名知意，比如你要修改一个新闻列表，先找到新闻列表所在的div或者dl标签，然后再找其中的ul，修改具体内容就很容易。

　　3、并不是css文件一定要和html代码分开。之所以将css文件和html分开，是因为有些css同时为多个页面服务，而用户访问时css文件可以缓存在本地，这样下次再访问其他页面时就不用重复加载css，可以节约时间和流量，提高访问速度，但是如果你的页面有些区域的css是独一无二的，其他页面用不到的，就不用把css剥离出去，直接用style标签包括在html网页里就可以。

　　4、用div和css写网页一定要在不同类型和不同版本的浏览器进行测试。建议最好是同时打开多个浏览器，如果说你认为你的网站访客还没有养成使用火狐、谷歌等浏览器的习惯，那最少也得兼容ie6、7、8几个版本，由于软件限制，没有办法在一个电脑上装不同版本的多个浏览器，因此要借助版本模拟软件，我常用的是ietest，用来测试网页足够了。