引言
我们知道,我们每一个人都有一个居民身份证来代表自己的身份,那么在网页中为了识别各个元素,也需要为元素来添加标记。这就是所谓的“CSS身份证”
选择器分类
世界上不同国家的人就会有不同的居民身份证,因此选择器也有自己的分类。
标记选择器、类别选择器、ID选择器
标记选择器:为标记添加样式。----------------P、<h>标记等
类别选择器:在标记选择器的应用之下,可以通过添加类别选择器来更改用户想达到的效果。
ID选择器:与类别选择器类似,但是只是能够应用一次。
选择器的区别
注释:标记选择器范围更广一些,类别与ID选择器的区别只在于ID选择器只能用一次。
选择器的大小
类别选择器>ID选择器>标记选择器
牛刀小试
<html> <head> <style type="text/css"> <!-- .one{ <!--为不同的选择器添加不同的样式--> color:blue; font-size:18px; } #one{ color:red; font-size:18px } --> </style> </head> <body> <h1 class="one">人生自古谁无死,留取丹心照汗青</h1> <!--类别选择器--> <h1 class="one">人生自古谁无死,留取丹心照汗青</h1> <h1 id="one">人生自古谁无死,留取丹心照汗青</h1> <!--ID选择器--> </body> </html>
总结
以上就是有关选择器的全部内容,简单的说就是通过对网页中的元素添加标记来相应的添加样式。
到此,全部CSS的知识已经学习完了,可能大家会有质疑为何会这么少,因为对于CSS的学习是通过在实践中来逐渐的熟悉应用。尤其是网页的排版、元素的设计等,但对于本身CSS来说没什么好学习的,下面是一个学习的网页,有兴趣的可以看一下,练下手。