资讯专栏INFORMATION COLUMN

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

刘明 / 1588人阅读

摘要:只需要熟悉常用套路,足以应付日常工作包括阿里巴巴腾讯这些公司的日常工作现在的公司更喜欢好的程序员,对要求不高,面试题也很基础。

CSS1:CSS难学与好学,CSS学习方法 1.CSS难学与好学 1.1CSS为什么难学

CSS 属性很多,难以一次性记下来

CSS 属性之间互相影响,难以完全掌握

CSS 核心概念都写在文档中,但是如果不熟悉一些英文词汇,很难短时间看完 CSS 文档

CSS 升级很快,如果学得太慢,会很有挫败感

1.2CSS好学

CSS 常用套路并不多,不外乎布局、居中、文字省略、位置变换、动画过渡等。

只需要熟悉常用套路,足以应付日常工作(包括阿里巴巴、腾讯这些公司的日常工作)

现在的公司更喜欢 JS 好的程序员,对 CSS 要求不高,面试题也很基础。

CSS 中没有复杂的逻辑,记忆型知识较多,只要多做 demo 会看文档就可以掌握 CSS

布局需要会的套路:

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

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

巧用工具:
谷歌搜索CSS3 Generator
比如搜索box-shadow generator,渐变Generator.

1.3学好CSS的方法

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113505.html

相关文章

  • 学习Java编程哪个知识点最难学

    摘要:很多刚接触编程的同学都觉得学习编程很简单,但是学到后期越学越吃力,今天小编就总结一下编程哪块最难学。目前来看,对于那些打算通过学习来找到一份工作的同学来说,可以分为三个学习阶段,初级,中级,高级。   很多刚接触Java编程的同学都觉得学习Java编程很简单,但是学到后期越学越吃力,今天小编就总结一下Java编程哪块最难学。   目前来看,对于那些打算通过学习Java来找到一份工作的同...

    dcr309duan 评论0 收藏0
  • CSS的继承和使用方式

    摘要:的继承的继承指的是当标签具有嵌套关系时,内部标签自动拥有外部标签的不冲突的样式的性质。多边框类的属性都没有继承,例如,等。CSS的继承 css的继承指的是当标签具有嵌套关系时,内部标签自动拥有外部标签的不冲突的样式的性质。 在Css中有些属性不允许继承,例如,border属性没有继承性。多边框类的属性都没有继承 ,例如,padding 、 margin 、 background等。 示例: ...

    _ivan 评论0 收藏0
  • 马士兵MCA架构师Java互联网架构师

    摘要:如果是这样,你一定要拿出个小时的时间,参加一次马士兵老师的多线程与高并发训练营。横扫一切关于多线程的问题,吊打所有敢于提问并发问题的面试官。 如果你平时只有CRUD的经验,从来不会了解多线程与高并发,相信你一定一头雾水。如果是这样,你一定要拿出4个小时的时间,参加一次马士兵老师的《多线程与高并发》训练营。让骨灰级扫地神僧马...

    dantezhao 评论0 收藏0
  • 关于css中选择器的小归纳(一)

    摘要:关于中选择器的小归纳一基本选择器基本选择器是我们平常用到的最多的也是最便捷的选择器,其中有元素选择器类似于,,,,类选择器我们在标签里面为其添加的,选择器与类选择器类似,普遍选择器,并且选择器类似的写法和并列选择器类似的写法元素选择器范例你 关于css中选择器的小归纳 一、基本选择器 基本选择器是我们平常用到的最多的也是最便捷的选择器,其中有元素选择器(类似于a,div,body,ul...

    kbyyd24 评论0 收藏0
  • 重拾css(4)——样式来源与层叠规则

    摘要:摘自设计指南样式来源上文中提到,之所以有层叠的概念,是因为有多个样式来源。优先级相同条件下例如都来自引用样式,覆盖的默认规则是后者覆盖前者,但是有一个特殊情况,其实优先级最高。 这一节就开始实践上一节的思路! 1.层叠的概念 简言之,层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程。举一个简单的例子: showImg(https://segmentfault.com/img/b...

    gityuan 评论0 收藏0

发表评论

0条评论

刘明

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<