CSS选择器 - 技术教程

CSS选择器

引言

我们知道，我们每一个人都有一个居民身份证来代表自己的身份，那么在网页中为了识别各个元素，也需要为元素来添加标记。这就是所谓的“CSS身份证”

选择器分类

    世界上不同国家的人就会有不同的居民身份证，因此选择器也有自己的分类。

    标记选择器、类别选择器、ID选择器

标记选择器：为标记添加样式。—————-P、<h>标记等

类别选择器：在标记选择器的应用之下，可以通过添加类别选择器来更改用户想达到的效果。

   ID选择器：与类别选择器类似，但是只是能够应用一次。



选择器的区别

   注释：标记选择器范围更广一些，类别与ID选择器的区别只在于ID选择器只能用一次。

选择器的大小

   类别选择器>ID选择器>标记选择器

牛刀小试
<html>
<head>
<style type="text/css">

	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>           
</body>
</html>
总结

以上就是有关选择器的全部内容，简单的说就是通过对网页中的元素添加标记来相应的添加样式。

到此，全部CSS的知识已经学习完了，可能大家会有质疑为何会这么少，因为对于CSS的学习是通过在实践中来逐渐的熟悉应用。尤其是网页的排版、元素的设计等，但对于本身CSS来说没什么好学习的，下面是一个学习的网页，有兴趣的可以看一下，练下手。

Html参考手册

CSS基础教程

相关文章：

你感兴趣的文章：

标签云：