如何深入学习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 ...
随机推荐
- FZU 2113 BCD Code 数位dp
数位dp,但是很奇怪的是我在虚拟oj上用GUC C++提交会wa,用Visual c++提交正确,但是加上注释后提交又莫名CE--好任性啊 0 ,0 题目思路:看代码吧 注释很详细 #include& ...
- alert()显示中文出现乱码
1.如果是外部调用 <script language="javascript" type="text/javascript" src="tswc ...
- AutoTile 自动拼接(三) 学习与实践
今天把 图像数据保存完善了一下.天冷,没打多少字,见谅. 接着昨天说的,首先我们打开u3d,做一个空物体gameobject,然后做几个sprite,如下图所示 上面的sprite 排成四个 正方形. ...
- css 7.30
1.外提到内联元素,我们会想到有个display的属性是display:inline;这个属性能够修复著名的IE双倍浮动边界(float时margin)问题 2.一般来说,可以为所有块级元素应用 te ...
- Python基础学习2---模块
模块 你已经学习了如何在你的程序中定义一次函数而重用代码.如果你想要在其他程序中重用很多函数,那么你该如何编写程序呢?你可能已经猜到了,答案是使用模块.模块基本上就是一个包含了所有你定义的函数和变量的 ...
- Linux学习 -- Shell编程 -- 字符处理命令
sort排序命令 sort [选项] 文件名 -f 忽略大小m写 -n 按数值型,默认字符串型 -r 反向 -t 指定分隔符 -k n[,m] 指定字段范围,默认行尾 eg. sort -n -t & ...
- ActionBar的简单使用
只简单实现了一下ActionBar的使用,在右上角添加两个ActionBar,在左上角实现默认的返回箭头,类似于微信朋友圈的 这是MainActivity的代码: public class MainA ...
- VIJOS P1081 野生动物园 SBT、划分树模板
[描述] cjBBteam拥有一个很大的野生动物园.这个动物园坐落在一个狭长的山谷内,这个区域从南到北被划分成N个区域,每个区域都饲养着一头狮子.这些狮子从北到南编号为1,2,3,…,N.每头狮子都有 ...
- LDA,PCA阅读资料
1,线性判别分析(Linear Discriminant Analysis)(一) 2,机器学习中的数学(4)-线性判别分析(LDA), 主成分分析(PCA) 3,Machine Learning i ...
- elk集成安装配置
三台虚拟机 193,194,195 本机 78 流程 pythonserver -> nginx -> logstash_shipper->kafka->logstash_in ...