服务购

　　在写css前，其实html的结构要是比较合理的，这样写css也会比较顺手。在写一个网页之前，建议先琢磨几分钟，不要上来就写。多去看看别人是怎么写的，然后结合自己的项目，心中有一个大致规划。可以先把最外层轮廓写好，先不着急去写某一个具体的部分，今天给大家分享一些Web前端学习小建议：

　　1、Web前端学习小建议--使用reset.css

　　火狐和IE这两种不同的浏览器，在绘制CSS样式方法上截然不同。这种情况下，使用reset.css重置所有的基本样式会让你得到一个全新的空样式表。（可以去网上找一下，很多的）

　　2、Web前端学习小建议--CSS缩写

　　CSS缩写简化了你的CSS代码，更重要的是，它让你的代码更加整洁易懂。

　　不是像这样创建CSS

　　        .header {

　　                background-color: #fff;

　　                background-image: url(image.gif);

　　                background-repeat: no-repeat;

　　                background-position: top left;

　　            }

　　而是像这样创建CSS

　　        .header {

　　                background: #fff url(image.gif) no-repeat top left

　　        }

　　3、Web前端学习小建议--实用的

　　也叫链接列表，在与或

　　正确搭配的时候非常好用，尤其是用在导航菜单样式上。

　　4、Web前端学习小建议--理解class和id

　　这两个选择器总是让初学者感到迷惑。在CSS中，Class和ID分别用点“.”和井号“#”来标识。简单来说id就是用来标识那些单独不重复的样式，而class是可以重复使用的。

　　5、Web前端学习小建议--CSS调试工具

　　在设计CSS时，能够得到页面布局的预览对于优化CSS样式和纠错是很有帮助的。这里有一些免费的CSS调试工具推荐给你，你可以把它装在浏览器上：比如FireFox Web Developer、DOM Inspector、Firebug等

　　6、Web前端学习小建议--少用多用

　　CSS最大的优势之 一是使用

　　达到样式上的灵活多变。不同于，

　　里的内容不会 被锁在单元 格中。可以说几乎所有的表格布局都可以在

　　和样式的正确使用下完成。当然，有大量表格内容时，还是 用 吧。

　　7、Web前端学习小建议--!Important

　　所有被!important 标记的样式，即使它后来被重写，浏览器也只会采用被标记的那条。

　　        .page {

　　                background-color:blue !important;

　　                background-color:red;

　　        }

　　比如上面的例子，因为background-color:blue 被标记为!important ，即使后来有把背景改成红色的语句，也只采用被标记的那条。!important 用来强制使一个样式避免在之后的编码中被修改，遗憾的是IE不支持。

　　只要你记得以上的Web前端学习小建议定能让你在web前端的道路上越战越勇。