html css的三类选择器(html css的区别)-志达IT网站

htmlcss的三类选择器

在CSS中三三种最根本的选择器，分别是标签选择器、类选择器（class）、ID选择器。
咱们知道在HTML页面中引进CSS款式最好的办法是引进外部款式，也就是将CSS代码独自放置到一个.css文件内，然后再引进这个CSS文件。
标签选择器
咱们知道一个HTML页面是经过许多标签组成的，CSS标签选择器就是用来声明这些标签的，由于每一个HTML标签的称号都能够作为相应的标签选择器的称号。
示例：
例如咱们来看一个比如，下面是一段HTML代码：
<head><metacharset=”utf-8″><title>CSS学习(9xkd.com)title><linkrel=”stylesheet”type=”text/css”href=”index.css”>head><body><h3>侠课岛h3>你好，侠课岛！p>body>html>
假如咱们要为这两个标签界说CSS款式，就能够直接在.css文件内经过标签选择器来声明款式： html
h3{color:red;}p{color:green;}
记住在HTML中经过标签来引进CSS文件，此时在浏览器中的演示作用如下所示：
从上述代码中，咱们看到，CSS语法就是由选择器和声明块{}组成，每个声明块中能够包括一个或多个款式声明，并且每条声明后面以分号;结束。
当然除了上述比如中的p、h3标签能够作为标签选择器，其他的例如html、body、a、img等一切标签都是能够作为标签选择器的。
可是咱们在运用标签选择器的时候会有一个问题，举个比如，咱们先来看下面这段代码：
<head><metacharset=”utf-8″><title>CSS学习(9xkd.com)title><linkrel=”stylesheet”type=”text/css”href=”index.css”>head><body><h3>动物园里有什么？h3>小白兔p>小狮子p>小老虎p>小猴子p>body>html>
在浏览器中的演示作用：
假如咱们想要将上述代码中“小兔子”字体款式设置为粉色加粗，其他内容不变，要怎么做？假如运用标签选择器p来设置款式，那上述代码中四个
标签中的内容款式都会跟着改动呀，所以这时候用标签选择器显然不合适。
要解决这个问题，咱们就需要用到CSS中的类选择器和ID选择器啦。
类选择器
类选择器用于描绘一组标签的款式，一个类选择器能够在多个标签上运用。
语法：
.class_name{特点：特点值;}
类选择器前面必须有一个点.，这个点必不可少，是类选择器的标志。类选择器的称号class_name是自界说的，选择器中的特点和特点值跟标签选择器中一样。
示例：
例如上述代码中，咱们要给“小兔子”字体款式设置为粉色加粗，能够自界说一个类选择器：
.rabbit{color:pink;font-weight:bold;}
然后在HTML标签上经过class特点来运用界说好的类款式，格式为：
<标签名class=”类称号”>标签内容
如下所示：
<pclass=”rabbit”>小白兔p>
在运用类款式的时候，只需要类款式名，不需要在前面加点。在浏览器中演示作用如下：
类选择器有一个好处就是，咱们能够在同一个页面中多个HTML标签上，运用同一个类选择器。
示例：
例如咱们除了能够在
标签上运用类选择器rabbit，也能够在
标签上运用：
<body><h3class=”rabbit”>动物园里有什么？h3><pclass=”rabbit”>小白兔p>小狮子p>小老虎p>小猴子p>body>
在浏览器中演示作用：
ID选择器
ID选择器和类选择器的运用根本差不多，可是还有一些不同的当地：
ID选择器的是以井号#开头来界说的。而类选择器是以点.来界说的。
ID选择器在HTML中是能够经过id特点来运用。而类选择器是经过class特点来运用的。
同一个页面中一个ID选择器只能在中出现一次，是仅有的。而类选择器能够在屡次出现，所以ID选择器的针对性更强。
示例：
经过#来界说一个ID选择器，设置背景色彩为粉色的款式：
#only{background-color:pink;}
然后在HTML中经过id特点运用这个ID选择器：
<head><metacharset=”utf-8″><title>CSS学习(9xkd.com)title><linkrel=”stylesheet”type=”text/css”href=”index.css”>head><body><h3class=”rabbit”>动物园里有什么？h3><pclass=”rabbit”>小白兔p>小狮子p>小老虎p><pid=”only”>小猴子p>body>html>
在浏览器中演示作用：
咱们能够在HTML标签中经过id特点来运用CSS中对应的ID选择器。在运用时，ID选择器称号前面不需要带井号#。
总结
当咱们想要在HTML元素中设置CSS款式时，能够经过选择器来完成，最常用的是三种根底选择器。当标签选择器不能满足咱们的需求时，咱们就能够运用类选择器和ID选择器。
htmlcss的区别
HTML（Structure）：全称超文本标记语言，用于定义文档内容的结构。用这种语言编写的代码通常由浏览器解析和执行
CSS（布局）：层叠样式表的全名用于定义HTML文档的样式（外观）。CSS是页面呈现的基础，它可以控制元素的布局和呈现

html和css之间的区别

1.不同的财产
HTML是一种基本的标记语言，用于描述网页的内容和结构。CSS是HTML的扩展，用于修改网页的设计和显示。
HTML是网页的结构，CSS是网页的样式。例如，如果将整个网页与一个人进行比较，HTML就是骨头，CSS就是衣服。 html
2.不同的功能
HTML功能：
（1）用这种语言编写的代码通常由浏览器解析和执行
（2）超文本：不仅包括文本，还包括图像、链接和音乐。
（3）页面是一个文档，文档的核心是内容，具有不同的含义。
CSS功能：
（1）定义HTML文档的样式（外观）。
（2）页面表示的基础，它允许您控制元素的布局和呈现。
3.不同的格式
（1）HTML注释格式：<–注释内容–>
（2）CSS注释格式：/*注释内容*/