CSS1:CSS难学与好学,CSS学习方法

2018-06-14 admin

1.1CSS为什么难学

  • CSS 属性很多,难以一次性记下来
  • CSS 属性之间互相影响,难以完全掌握
  • CSS 核心概念都写在文档中,但是如果不熟悉一些英文词汇,很难短时间看完 CSS 文档
  • CSS 升级很快,如果学得太慢,会很有挫败感

1.2CSS好学

  • CSS 常用套路并不多,不外乎布局、居中、文字省略、位置变换、动画过渡等。
  • 只需要熟悉常用套路,足以应付日常工作(包括阿里巴巴、腾讯这些公司的日常工作)
  • 现在的公司更喜欢 JS 好的程序员,对 CSS 要求不高,面试题也很基础。
  • CSS 中没有复杂的逻辑,记忆型知识较多,只要多做 demo 会看文档就可以掌握 CSS
  1. 布局需要会的套路:

CXeQl4.png ,学会简单的常用的布局即可,如果需求来了,再学难的布局.

  1. 居中需要会的套路

看博客 一般在内部元素用padding就可以垂直居中.很少遇到父元素宽高固定的情况,因为父元素总是被子元素撑开,如果父元素宽高固定,说明代码写的不好,尽量避免. 把外面的高度固定,然后再去修改里面的元素,特别傻,一定要从里往外写,比如给里面的元素加padding,撑开父元素,用来垂直居中(座椅而赶牛,里面的字居中,用text-align:center,然后用上下padding) 只要记住这两种居中,可以适用于一切工作中的垂直居中,其他的都是炫技. CXbdjH.md.png

  1. 巧用工具:

谷歌搜索CSS3 Generator 比如搜索box-shadow generator,渐变Generator.

1.3学好CSS的方法

学会套路,布局,居中,响应式等等,总结常用用法在博客里,边用边学. 每学一个CSS,直接搜张鑫旭的CSS.

记住几个常见的写法即可:两种水平居中、三种垂直居中、两种左右结构、两种左中右结构、一行省略、多行省略 别人研究出来我直接用即可(animate.css)

原文链接:https://segmentfault.com/a/1190000015290944

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-34079.html

文章标题:CSS1:CSS难学与好学,CSS学习方法

相关文章
12个你未必知道的CSS小知识
虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过。 1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员...
2015-11-12
React Native v0.13.3 发布,Facebook开源框架
React is a JavaScript library for building user interfaces. Just the UI: Lots of people use React as the V in MVC. Since...
2015-11-12
Riot.js:不足1KB的MVP客户端框架
Riot.js是一款MVP(模型-视图-呈现)开源客户端框架,其最大的特点就是体积非常小,不足1KB,虽然体积小,但它可以帮助用户构建大规模的Web应用程序。 Riot.js是由Moot公司开发,目前最新版本为v0.9.2,遵循MIT开源许...
2016-03-11
21天学通javascript
简介: 本书是Javascript入门教程。Javascript是Web开发中应用最早、发展最成熟、用户最多的脚本语言。其语法简洁,代码可读性在众多脚本语言中最好,它在使用时不用考虑数据类型,是真正意义上的动态语言。本书总分为四篇,共21章...
2015-11-16
2014年最流行前端开发框架对比评测
如今,各种开发框架层出不穷,各有千秋。哪些是去年较受开发者关注的呢?前不久,云适配根据Github上的流行程度整理了2014年最受欢迎的6个前端开发框架,并进行对比说明,希望帮助有需要的朋友选择合适自己的前端框架。 1. Bootstrap...
2015-11-12
Node.js学习(1)----HTTP服务器与客户端
Node.js 标准库提供了 http 模块,其中封装了一个高效的 HTTP 服务器和一个简易的HTTP 客户端。http.Server 是一个基于事件的 HTTP 服务器,它的核心由 Node.js 下层 C++部分实现,而接口由 Jav...
2015-11-12
2015年3月国内浏览器市场份额概括,chrome占32.97
本报告数据,来源于百度统计所覆盖的超过150万的站点,而不是baidu.com的流量数据。 注:奇虎360浏览器份额在2010年10月至2011年3月,和2012年9月以来,两次大幅下降,是因为360浏览器去掉了原本的浏览器特征(User...
2015-11-12
必须记住的 30 类 CSS 选择器
开篇 有 30 个 CSS 选择器你必须烂熟于心,它们适应于当今各大主流浏览器。 1.* * { margin: 0; padding: 0; } *选择器选择的是每一个单一元素。很多程序员用上面的 CSS 将所有元素的 ma...
2015-11-16
CSS2.0帮助文档(参考手册)chm下载
下载地址:CSS2.0帮助文档(参考手册)chm下载 友情提示:如果打开空白,在手册上右键属性解除锁定即可。 ...
2015-11-12
可以从CSS框架中借鉴到什么
现在很多人会使用 CSS 框架进行快速建站。   那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。   当然对于一些大...
2016-03-11
回到顶部