自从进公司也有2个多月了,相信和我一批进来的小伙伴们都收获了很多东西,这个是在学校所学不到的,也让成长了很多。作为新人的我,从认为CSS是个很简单的东西,到现在觉得CSS中水很深,感觉学了很多的CSS的东西,但确实比较零散,是需要多总结了。写这篇博客的目的只是想让那些刚入门的新手对CSS多些自己的理解,让那些大神们勾起自己学习CSS时的回忆。
1.浅谈前端规范
刚来公司的时候感觉前端规范就是约束人的,感觉没必要,写CSS还有种被束缚的感觉,以前写CSS都会自由发挥的,想到了就在后面加上即可,想怎么写怎么写,并没有规律。但是,自从有了前端规范,坚持两个月下来,产生的效果还是很明显的,就是渐渐养成了写CSS的规律,形成了习惯,不像以前杂乱无章,修改起来也方便,大大提高了代码的可维护性,养成了这个习惯很好。现在有时做项目修改样式的时候,看到其他人将CSS的样式写的非常乱我都忍不住要将顺序调好,调好后顿时顺眼多了。
2.浅谈对CSS的认识
虽然学习CSS的时间并不是很长,但也有两三个月了,从最初的CSS啥也不会,到现在能写一些静态页面,在项目中调样式,对CSS也有了自己的理解,它并不需要像一种高等语言一样去系统的学习,时间也不会很长,也不需要配置多复杂的环境,只需要编辑器和浏览器,很快就能调试使用。正是由于这样,要想把成为CSS大师的话,需要的花大量的时间去写CSS,多积累经验,而且CSS的知识比较零散,好像没什么系统,需要自己慢慢去找规律,去掌握它的渲染方式,去慢慢积累经验。多注意细节上问题,有句话,相信学前端的深有体会,就是“千里之堤,毁于蚁穴”。每一个学习CSS的过程,肯定是充满了汗水,还有页面样式调出来的成就感!相信大家这会已经有了一定的思考或回忆了,我想,这已经够了。
3.总结
知识就是积累的过程,学习CSS也不例外,就是要多看多练,将很多的布局、样式都熟练掌握,我感觉CSS很多东西都是零散的,这个完全要靠我们去慢慢积累,不断地去验证。不管是平时在上网的时候看到,还是在项目中遇到了,当遇到一些惊艳的布局,绝对不能放过了,一定要记下来,研究清楚了,这可是一大财富啊!正所谓“成功,唯有积累,没有奇迹!”。

4.结尾

上是我日常工作中的一些总结!如有不足的地方 请留言!!一起互相讨论学习!

浅谈对CSS的认识的更多相关文章

  1. 浅谈Normalize.css

    浅谈Normalize.css 一.总结 1.Normalize.css:它在默认的HTML元素样式上提供了跨浏览器的高度一致性,花了几百个小时来努力研究不同浏览器的默认样式的差异. 2.优于rese ...

  2. [转]浅谈Normalize.css

    原文地址:https://www.jianshu.com/p/3d21d1932aa0 Normalize.css只是一个很小的css文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性.相 ...

  3. 浅谈nornalize.css(含源码)

    Normalize.css是一种CSS reset的替代方案.经过@necolas和@jon_neal花了几百个小时来努力研究不同浏览器的默认样式的差异,这个项目终于变成了现在这样. 我们创造norm ...

  4. 转:浅谈CSS在前端优化中一些值得注意的关键点

    前端优化工作中要考虑的元素多种多样,而合理地使用CSS脚本可以在很大程度上优化页面的加载性能,以下我们就来浅谈CSS在前端优化中一些值得注意的关键点: 当谈到Web的“高性能”时,很多人想到的是页面加 ...

  5. 【css】浅谈BFC

    定义: 块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域. BFC的布 ...

  6. CSS属性中的display属性浅谈;

    首先我们要知道什么是块级元素和行内元素有什么区别: 承接上篇文章:(浅谈HTML和body标签) 块级元素:浏览器解析为独占一行的元素(例如:div.table.ul等.),浏览器会在该元素的前后显示 ...

  7. 浅谈SQL注入风险 - 一个Login拿下Server

    前两天,带着学生们学习了简单的ASP.NET MVC,通过ADO.NET方式连接数据库,实现增删改查. 可能有一部分学生提前预习过,在我写登录SQL的时候,他们鄙视我说:“老师你这SQL有注入,随便都 ...

  8. 浅谈angular2+ionic2

    浅谈angular2+ionic2   前言: 不要用angular的语法去写angular2,有人说二者就像Java和JavaScript的区别.   1. 项目所用:angular2+ionic2 ...

  9. 浅谈Hybrid技术的设计与实现第三弹——落地篇

    前言 接上文:(阅读本文前,建议阅读前两篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 根据之前的介绍,大家对前端与Native的交互应该有一些简单的认识了,很多 ...

随机推荐

  1. nyoj------20吝啬的国度

    吝啬的国度 时间限制:1000 ms  |  内存限制:65535 KB 难度:3    描述 在一个吝啬的国度里有N个城市,这N个城市间只有N-1条路把这个N个城市连接起来.现在,Tom在第S号城市 ...

  2. extjs 控件属性

    1.textfield labelSeparator :''   这个属性当fieldLabel有值得时候,默认会加上一个分号,这个属性就是控制那个的... 2.numberfield decimal ...

  3. 用C#操作vss、msbuild、reactor

    一.命令行 凡是支持命令行的工具,都可以通过cmd.exe操作.如下: var p = new Process(); p.StartInfo.FileName = "cmd.exe" ...

  4. Highcharts导出gb2312乱码问题

    Highcharts是utf-8编码的,其本地的.net导出环境也是utf-8格式的,导致网页如果采用gb2312编码,显示正常,导出就乱码了.这种现象也同样经常出现在ajax的使用过程中. ajax ...

  5. HDU 5451 广义斐波那契数列

    这道题目可以先转化: 令f(1) = 5+2√6 f(2) = f(1)*(5+2√6) ... f(n) = f(n-1)*(5+2√6) f(n) = f(n-1)*(10-(5-2√6)) = ...

  6. redis2.8--内存管理

    总而言之,redis内存管理是采用主要由操作系统自主控制内存分配,辅之以简单封装,达到简单且稍微改良的性能. 内存块,标记上本块size 如上图所示, 当调用zmalloc/zmalloc时,输入参数 ...

  7. 【转】 linux 安装nginx及编译参数详解

    版权声明:本文为博主原创文章,未经博主允许不得转载. 从官网下载一个nginx 的tar.gz 版. 安装方式使用make 安装 第一步:解压 tar -zxvf  nginx-1.7.4.tar.g ...

  8. Keil 4.0 生成bin文件

    在菜单:Flash /configuare falsh tools ... option for Tatget '项目' /User中:在Run User Programs After Build/R ...

  9. ZooKeeper启动过程2:FastLeaderElection

    前一篇文章中说到,启动ZooKeeper集群时,需要分别启动集群中的各个节点,各节点以QuorumPeer的形式启动,最后到达startLeaderElection和lookForLeader. 先说 ...

  10. Ad Muncher 宣布免费

    Windows平台广告过滤软件Ad Muncher宣布免费 详见:http://www.admuncher.com/free 下载:http://www.admuncher.com/static/fi ...