如何深入学习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 ...
随机推荐
- HDU2050 由直线分割平面推广到折线分割平面
直线分割平面问题: 加入已有n-1条直线,那么再增加一条直线,最多增加多少个平面? 为了使增加的平面尽可能的多,我们应该使新增加的直线与前n条直线相交,且不存在公共交点.那么我们可以将新增加的这条直线 ...
- gvim work notes.. a few days' work on 64bit vim and plugin compilations
(a 600MB+ sized c/c++ compiler which is capable of hi-light and JB styled completion!! and of-course ...
- Apache + PHP in Windows XP (to add SQLite)
Firstly, Winxp do not support VC11+, so choose Apache packs compiled under VC10-. Before installatio ...
- NSAttributedString 的21种属性 详解
原文链接:http://www.jianshu.com/p/09f54730feaa 先看看所有的Key NSFontAttributeName; //字体,value是UIFont对象 NSPara ...
- Break on _NSLockError() to debug.
*** -[NSCondition dealloc]: condition (<NSCondition: 0x1039a450> '(null)') deallocated while s ...
- JS取非行间样式
<title>无标题文档</title> <style> #div1{width:200px;height:200px; background:red;} < ...
- 英文SEO外部链接资源收集之常用的footprints
inurl:/privacy-policy "Using Article Directory plugin"inurl:/terms "Using Article D ...
- Nginx反向代理使用【转载】
最近工作中经常使用nginx,为了能够更好的使用nginx,我搜罗了很多nginx相关的技术文章来读,所以才有了下面以下内容.在此,为文中引用到和参考到的文章提供者表示感谢.如文中相关内容有错误,也欢 ...
- BCDedit 研究
bcdedit的研究 系统引导安装 2009-11-12 22:21:13 阅读13 评论0 字号:大中小 首先说明下引导: 微软在Vista之前的系统,采用的是Ntldr来进行引导系统,使用的是bo ...
- Android面试经验1
1,java基本数据类型. Byte.short.int.long.float.double.char.boolean. 1 2 2 2 4 ...