web前端开发实训报告，HTML常用的五种标签

最新推荐文章于 2021-11-24 18:14:35 发布

前端小猫咪

最新推荐文章于 2021-11-24 18:14:35 发布

阅读量396

点赞数

分类专栏：程序员文章标签：面试前端大前端

本文链接：https://blog.csdn.net/m0_60125134/article/details/119028610

版权

本文介绍了CSS中三种基本的选择器：标签选择器、类选择器和ID选择器。标签选择器通过HTML标签名称定义样式；类选择器允许在多个元素上应用相同样式，以点"."开始；ID选择器是唯一的，以井号"+"开始，适用于需要唯一样式的元素。文中还提供了实例来说明这三种选择器的用法。

摘要由CSDN通过智能技术生成

CSS中三种最基本的选择器：

标签选择器
类选择器
ID选择器

标签选择器

一个 HTML 页面是通过很多标签组成的，CSS 标签选择器就是用来声明这些标签的，因为每一个 HTML 标签的名称都可以作为相应的标签选择器的名称。

示例：

下面是一段html代码：

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <title>CSS学习</title>
        <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    <body>
        <h3>学习</h3>
        <p>我爱学习，学习使我快乐。</p>
    </body>
</html>

如果我们要为这两个标签定义 CSS 样式，就可以直接在 .css 文件内通过标签选择器来声明样式：

h3{
    color: red ;
}
p{
    color: green;
}

CSS 语法就是由选择器和**声明块 {}**组成，每个声明块中可以包含一个或多个样式声明，并且每条声明后面以分号 ; 结尾。

除了上述例子中的 p、h3 标签

最低0.47元/天解锁文章

前端小猫咪

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
web前端开发实训报告，HTML常用的五种标签

CSS中三种最基本的选择器：标签选择器类选择器ID选择器标签选择器一个 HTML 页面是通过很多标签组成的，CSS 标签选择器就是用来声明这些标签的，因为每一个 HTML 标签的名称都可以作为相应的标签选择器的名称。示例：下面是一段html代码：<!DOCTYPE><html> <head> <meta charset="utf-8"> <title>CSS学习</title&gt
复制链接

扫一扫