第二十九章 引入方式续谈 - 《代码能有多难?》

写在元素里

在某些特殊的情况下,我们可能并不方便使用上面两种方式;或者非常临时的,局部的需要进行一些样式的定义。这时候我们可以把 CSS 直接写在元素上面,这种方式叫做内联样式表:

内联样式表

我们看到,就是把 CSS 当作一个属性(style),把 CSS 的内容当作这个属性的值。这里有几个点需要注意:

  • 首先是不需要写选择器了,因为你写在哪个元素里,就是在描述哪个元素,所以完全没有必要再指定选择器;
  • 也不需要大括号了,因为不需要和其他元素的样式表进行分隔了;

在开始的时候,这种方式可能让新人觉得最直观,最容易理解。不过他的缺点也是非常明显的:

我们现在只描述了一个属性(color),代码看起来还是可以阅读的,那如果我为他定义许多属性之后呢?就有些混乱了。

每次只能定义一个元素,许多个元素需要相同的样式,就只能重复去写。这样浪费生命


……

**继续阅读 >>> :[第二十九章 引入方式续谈 - 《代码能有多难?》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0029?from=jianshu)**

(小白都看的懂,学得会的前端代码教程,睡前看一章,轻松学代码。)

**Tags:** Web,HTML,CSS,教程,编程,前端入门,基础课程

你可能感兴趣的:(第二十九章 引入方式续谈 - 《代码能有多难?》)