css三种选择器

最新推荐文章于 2023-09-20 23:59:46 发布

RolleDev

最新推荐文章于 2023-09-20 23:59:46 发布

阅读量595

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/zrds2e/article/details/70307740

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

标签选择器
标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<img>。例如下面代码：


p{font-size:12px;line-height:1.6em;}
上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。


类选择器
类选择器在css样式编码中是最常用到的


语法：


.类选器名称{css样式代码;}
注意：


1、英文圆点开头


2、其中类选器名称可以任意起名（但不要起中文）


使用方法：


第一步：使用合适的标签把要修饰的内容标记起来，如下：


<span>胆小如鼠</span>
第二步：使用class="类选择器名称"为标签设置一个类，如下：


<span class="stress">胆小如鼠</span>
第三步：设置类选器css样式，如下：


.stress{color:red;}/*类前面要加入一个英文圆点*/
ID选择器
在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别：


1、为标签设置id="ID名称"，而不是class="类名称"。


2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。