如何深入学习CSS
学习CSS有了一定基础后,有的人会觉得好象没有什么学的.因为知道一些基本的理论性的东西.CSS说它容易是因为它的知识点有限.说它难学就在于各浏览器对CSS的支持程度不同.
如何深入学习我给出以下几点见意:
1.去找机会多做一些项目,公司的,或是外包的,哪怕你没有人民币挣也要做.
这一条并不是多做就会好有的效果,有的人做的项目不少总是按着老的思路去做,做了很多,水平也不会有太大的提高,提高的也只能是熟练度.每一次在做的过程中要学会去思考,看看我们有没有更优化的的方法去实现同一个效果.多说一个题外话:有一个错误的观点认为HACK是不好的.想法也是错的.我们在做页面时原则是不使用HACK,但是如果在特别需求上有时还是要使用,前提是你不用HACK不行,一些人的能力有限,所以他没有办法了就用HACK,很多时候可以换个思路就可以不用HACK.多说了这一点儿.要做完项目时遇到了新的问题,一定要做笔记下来,以后忘了也可以知道在哪能查到这个问题.
2.多去BBS,这样可以多看看一些别人项目中遇到的问题.这是一个日积月累的过程,你看的东西多了.掌握的多了,因为你做的项目是有限的,不可能把所有的问题都遇到,别人遇到的你去思考,看如何解决.或看其它人如何解决这个问题的.当你在项目中遇到这个问题,你就可以不用在多费时间就几钟的事了.有经验与没有经验的区别也就是这一点,有经验的人不是天才,是他做的东西多了,一看就明白知道如何解决.而没有经验的人会现想这个问题如何解决,那可以要花好多时间的.
3.多看一些国外的好的CSS网站,CSS代码是公开的,可以很方便的看到.分析他们的页面和CSS.从好的网站你会学到很多东西,和你已有的一对比,你会发现他们的思路要比你开阔的多,也优秀的多.
一方面你多向别人请教,一方面你可以用FF、谷歌或者是Opera浏览器可以查看源代码的,你就参考这那些优秀网站的写法,先模仿多练习,渐渐的你就会用了。
网上还有一些网站代码实例布局清晰简洁,没有动态代码,你可以多做参考,多借鉴一下。
最快的方法 看一些比较好的视频教程加上自己的不断地实际操作! 比如说,去分析一下怎样让代码做到搜索引擎优化,怎样让页面加载更快,怎样让页面的代码最简洁,是否兼容各种浏览器,用户体验...等等各种方面。如果发现有好的网站,你可以用firebug去看看他们的代码和自己写的代码有什么不同,目前我是这样的一点点去学html和css的。一点点深入是看自己想学习html+css要干什么,才知道怎么去一点点深入。至于看什么书,上什么网站学习,这个我不能给出明确的建议。我自己先开始是看学校发的教材慢慢学的,也有老师指导代码规范性,后来都是在制作过程中遇到问题就百度或google的,看看技术博客自己学习。
如何深入学习CSS的更多相关文章
- 学习 CSS 样式
1.CSS浮动 : http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html (1)一个重要结论: ...
- css知多少(2)——学习css的思路
两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1. 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式 ...
- 开始学习css
今天开始学习css:应用一本<HTML5与CSS3网页设计基础> 先学习css样式规则声明. Body{ color:blue} 对应:选择符:{声明属性:声明值}: Background ...
- HTML+CSS学习笔记 (6) - 开始学习CSS
HTML+CSS学习笔记 (6) - 开始学习CSS 认识CSS样式 CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏 ...
- 【图片版】学习CSS网格布局
简言 CSS网格布局(Grid)是一套二维的页面布局系统,它的出现将完全颠覆页面布局的传统方式.传统的CSS页面布局 一直不够理想.包括table布局.浮动.定位及内联块等方式,从本质上都是Hack的 ...
- 学习CSS的思路(转)
两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1. 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式 ...
- 《学习CSS布局》学习笔记
近几天做了一个小的企业展示网站.虽然页面是在模板的基础上改的,但改的多了不熟悉CSS也很麻烦.正好我看到了学习CSS布局这个网站,于是补习了一下CSS知识. CSS的显示 CSS的元素分为两类:块级元 ...
- 学习css盒子模型
在这一周,我学习了css,在没有学习css之前,我一直都觉得布局很难,样式特别难调,但是学习了css盒子模型之后我就觉得欸,其实还挺简单的,下面就来看看我学习的css吧. CSS 盒子模型(Box M ...
- 学习css常用基本层级伪类属性选择器
常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给clas ...
随机推荐
- HDU/5499/模拟
题目链接 模拟题,直接看代码. £:分数的计算方法,要用double; #include <set> #include <map> #include <cmath> ...
- HttpSession详解
HttpSession详解 session的机制 http是无状态的协议,客户每次读取web页面时,服务器都打开新的会话,而且服务器也不会自动维护客户的上下文信息,那么要怎么才能实现会话跟踪呢?s ...
- hdu 2647 Reward(拓扑排序,反着来)
Reward Time Limit : 2000/1000ms (Java/Other) Memory Limit : 32768/32768K (Java/Other) Total Submis ...
- (二)、Struts第二天
(二).Struts第二天 回顾: 问题: 1. Struts2的Action类是单例还是多例? Filter? Servlet? Listener? 2. 介绍struts2框架引入的相关jar包及 ...
- CNS数据库网站只用mysql自带的fulltext index功能就可实现了。
1)编辑脚本script.sql如下 ALTER TABLE `table_name` ADD FULLTEXT (`column_name`) 2)在mysql console下输入命令 SOURC ...
- CF 365 div2 D
http://codeforces.com/contest/703/problem/D 题目大意:给你一个长度为n数组,有q个询问,每次询问一个区间[l,r],这个区间的val就是所有数值为偶数个的数 ...
- android点滴之HandlerThread的用法
转载请注明出处:http://blog.csdn.net/lskshz/article/details/25364909 一.介绍 HandlerThread继承自Thread,当线程开启时,也就是它 ...
- rstPixelType Constants
Constant Value Description PT_UNKNOWN -1 Pixel values are unknown. PT_U1 0 Pixel values are 1 bit. P ...
- 关于表单提交submit的兼容性问题。
这里的form 表单 点击下载执行的函数名字是submit,这样不规范,submit是提交表单,函数名字不能取名叫submit,如果取名叫submit会在低版本的浏览器上无法识别,导致直接提交表单,无 ...
- 我也谈javascript正则匹配
一.javascript 正则全局匹配 g 慎用test()方法 来个例子: var a = /^[a-z]+/gi; a.test('bb123'); //true a.lastIndex ; // ...