随笔分类 -  CSS

CSS。
CSS:如何学习 CSS?
摘要:马上该转战互联网领域了,在此总结一下 CSS 学习的思路。理解 CSS 的基本语法。理解盒子模型。理解文档流和定位。理解浮动和清除。理解各种 CSS 样式。目前发现的最好的资源是:http://www.w3school.com.cn/css/index.asp,将这里的教程看一边就够了。 阅读全文

posted @ 2014-01-30 21:31 幸福框架 阅读(2862) 评论(1) 推荐(0) 编辑

CSS:CSS学习总结
摘要:背景CSS是一种声明式的语言,学好CSS的难度甚至大于学好一门服务器语言(我个人的感觉),这周在学习CSS,就记录一下学习经验。1、规则声明顺序因为CSS的样式具备层叠性和继承性,为了最小化代码量,规则的声明可以按照如下顺序:常用标记常用类布局类导航类表格类表单类组件类2、盒子模型、文档流、定位和浮动一定要清楚盒子模型:浏览器把每种标记都当做一个盒子,有两种盒子(内联和框),他们在文档流中的布局模式是不同的。文档流:框盒子会被从上到下的布局,内联盒子会被从左到右、从上到下的布局。定位:可以修改框盒子的定位方式,static(正常的文档流中的位置)、absolute(相对于最近一个被定位(非st 阅读全文

posted @ 2013-08-02 10:39 幸福框架 阅读(3606) 评论(0) 推荐(1) 编辑

CSS:用SASS(SCSS)实现栅格系统
摘要:背景在CSS:用Less实现栅格系统中我介绍了如何用LESS实现栅格系统,为啥还要再用SASS做一遍呢?Bootstrap+JQuery+Less做前端(以读取为目的),ExtJs+Sass做后台(以写为目的),学会了Sass让我可以自定义ExtJs的主题。收集的资料SASS官网:http://sass-lang.com/。按照官网的教程尝试一遍就OK了。注意事项Ruby对中文目录的支持不好,项目不要放到中文目录下。重点学校Sass的这个几个概念:变量、嵌条、惨入和流程控制。栅格实战 1 $span_length: 12; 2 3 4 5 /*固定栅格系统*/ 6 7 /... 阅读全文

posted @ 2013-07-27 15:09 幸福框架 阅读(3959) 评论(2) 推荐(1) 编辑

CSS:用Less实现栅格系统
摘要:背景公司一直没有专职的前端和美工,Javascript相对来说我熟悉一点,CSS+HTML有四五年没有搞过了,最近要学一下,招聘或和美工配合的时候会有用处。收集的资料CSS教程:http://www.w3school.com.cn/css/index.asp。LESS教程:http://www.lesscss.net/。SAAS教程:http://sass-lang.com/。Bootstrap教程:http://cnbootstrap.com/。栅格教程:http://www.see-source.com/blog/300000033/273。知识总结CSS盒子模型:http://www.w 阅读全文

posted @ 2013-07-25 09:16 幸福框架 阅读(6288) 评论(5) 推荐(5) 编辑

导航

我要啦免费统计