慕仰8137739
2017-07-17 11:01
为什么要用类选择器,直接使用普通的选择器加上内联样式不是更方便吗
首先来看class是为了解决什么问题的?
如果只是按照标签来设置css样式,比如<p> 标签,那么html中的所有<p>标签都会改变成同样的样式
那么问题来了,如果有三个p标签,其中两个字体是红色,另外一个字体是绿色怎么设置呢?当然可以选择内联css样式,但是这样不易于查找管理,意义也不明确。在复杂的html中缺点尤其明显(比如10个<p>,多种样式,那么代码就是一团乱)
这种情况下就引入了 class的概念
class 类的意思:物以类聚,人以群分
<p class="red">那么就可以对class都是red的<p>统一设置。一次处理多个标签的样式
后面还会有id,更准确的定位到具体的内容,因为id是唯一的(也就是标签的id都要设置为不一样的)
你现在看到的只是学习网的简单的代码示例,如果后期去做一个像腾讯网那样的页面,你还用内联的话,你会把自己逼疯的!
首先你学习完样式了吗?知道样式的重要性吗?
如:
<div style="coloe:red ; font-size:12px; font-family:宋体 ; width:100px; height:50px; margin:0;"></div>这样的,在笨的学者都希望程序不要多只要好且能看懂,你定义了一个ID或者class就可以在body里面随便引用了
告诉你答案了你也不给人家分,以后不告诉你了,真吝啬
直接使用普通的选择器当你代码多了以后不好管理,用类选择器就是方便后期的管理修改和更新。一个大型的网站,代码可能有几千上万行,全用内联式增加工作量和代码重复量,不便于后期的管理。
当然是可以的啊!但是想一下,如果用内联样式,在定义一个<div>以后,就在后面接上各种定义,比如<div style="coloe:red ; font-size:12px; font-family:宋体 ; width:100px; height:50px; margin:0;"></div>好不容易定义完一个div,还要无数个div等着你去定义,那么这一个页面里面就会特别乱,你也不知道自己到底定义了几个逻辑块,这样结构不清楚。如果用类选择器,界面没有那么乱,逻辑会清楚一点。
复杂的页面里,内联的不适合统一管理,通常都是用额外的.css确定样式的
初识HTML(5)+CSS(3)-升级版
1226138 学习 · 18236 问题
相似问题