CSS的学习应该包括哪些内容?仅仅是样式和选择器吗?

CSS的使用,会为我们带来很多好处,那么在学习CSS的时候需要留意哪些内容呢?这一次就和大家和讨论下这个话题。

1. 选择器

选择器,可以说是CSS中最基础的内容,却十分的重要,因为CSS是通过选择器和HTML代码联系在一起发挥作用的,所以掌握一些常用的选择器就显得十分重要了。在CSS中,按照选择器复杂程度的不同,我们可以将它们分为基础选择器和复合选择器,具体这些选择器长什么样子这里我们不需要去赘述,因为这些内容大家可以在网上很轻松的找到,不过我希望提醒大家注意的是在学习这些选择器的时候要注意对比,比如在复合选择器中有一个后代选择器,也有一个子选择器,它们十分的相似,但是作用却有差别,类似的情况是需要重点留意的。

2. 样式

选择中包含了大量的样式,这些样式有单独针对文字的,也有针对文章排版方面的,还有列表、布局方面需要使用的样式……可以说数目很庞大,但是常用的却并不是很多,我们只需要掌握这些常用的就可以了,这和我们最初学习汉字是一样的,在熟悉了常见的汉字之后,其他汉字只要在需要的时候查阅字典就可以了,那CSS也是如此,我们可以在W3School这种网站上看到关于CSS样式的内容,也可以直接把不熟悉的样式输入搜索引擎查找,这些都不是问题。

在学习样式的时候,很多人会忽视一个细节问题,就是样式是否可以继承,这个词汇出现在CSS中比较奇怪,因为我们可以在Java之类的面向对象编程语言中,看到继承相关的内容,但是CSS并不是编程语言,怎么也会有继承的概念呢?其实,CSS中的继承并没有编程语言中那么复杂,它指的是上一节元素具备的样式子类也是具备的,这种特性在简化CSS代码方面带来了诸多好处,所以我认为这是一个我们在学习样式的时候应该留意的内容。

3. 规范

规范是学习任何一种编程语言都会提到的内容,CSS更是必不可少,但是遗憾的是在CSS代码方面,人们似乎并不是很关心这个问题,因为当我们打开一个样式文件的时候,我们很难在这些样式文件中发现什么规律,标签的类或者ID属性命名也很随意,这使得CSS代码的维护变得异常困难,特别是在项目需要进行升级的时候,修改CSS代码成为一项痛苦的工作,如何编写一份也阅读性和维护性良好的代码是一个值得思考的问题,不过值得肯定的是,规范的CSS样式代码应在标签关键字段的定义、代码书写格式、样式表和样式代码声明顺序方面做出一些规定,不过到目前为止我并没有发现一些明确的描述。

4. 技巧

很多人认为技巧是工作中逐渐累积的,但是在我看来,软件开发并非如此,它实践的成本和其他行业相比很低,只要有电脑就可以,通过一些练习我们可以发现一些常用的技巧,比如网页导航文字的居中显示,这里所说的居中是水平和垂直两个方向的居中,类似这样的内容很多,而且这些也不是多么高明的技巧,在网上也有很多相应的总结,所以把它们列为学习的范畴应该是不为过的。

在CSS学习方面不知道您有怎样的看法呢?是否同意在本文中罗列的观点呢?如果您对软件开发方面的内容感兴趣,欢迎关注我,我会持续更新这方面的内容。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191115A0370N00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券