CSS四种导入方式和三种基本选择器（id选择器，类选择器，标签选择器）

最新推荐文章于 2022-10-21 13:43:26 发布

Object_in_java

最新推荐文章于 2022-10-21 13:43:26 发布

阅读量399

点赞数 1

分类专栏： CSS 文章标签： css html vue web javascript

本文链接： https://blog.csdn.net/m0_45311187/article/details/112617878

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.行内样式
在这里插入图片描述
在标签元素中，编写一个style属性，编写样式即可。优先级最高

2.内部样式
在这里插入图片描述
外部样式
分为
链接式
导入式

导入式
在这里插入图片描述

链接式
在这里插入图片描述
推荐使用link标签！

css采用就近原则，优先级：行内样式>内部样式>外部样式
这是导入方式之间的优先级

选择器之间的优先级则是
id选择器 > 类选择器 > 标签选择器

    <style>
        #id01,#id02{
            color: red;
        }
        .class01{
            color: yellow;
        }
    </style>
</head>
<body>
<h1>title01</h1>
<h1 id="id01">title02</h1>
<h1 class="class01">title03</h1>
<h1 id="id02" class="class01">title04</h1>
</body>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Object_in_java

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CSS 三种基础选择器

天空之外

08-28

6515

本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部样式，也就是将 CSS 代码单独放置到一个 .css 文件内，然后再引入这个 CSS 文件。标签选择器 我们知道一个 HT

简述css属性选择器的几种定义方式_CSS简介,语法,选择器分类使用,属性设置

weixin_39673051的博客

12-20

1676

1.CSS简介CSS(Cascading Style Sheets)通常称为CSS样式表或层叠样式表(级联样式表)，主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。这里要说一下 w3c标准： h...

参与评论您还未登录，请先登录后发表或查看评论

CSS的三种选择器#ID,.Class,标签

weixin_30480583的博客

09-09

530

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS的三个选择器</title>   ...

《css的四种引入方式和选择器》

weixin_51746436的博客

06-03

223

css有四种引入方式 css的四种引入方式

css派生选择器、id选择器、类选择器、属性选择器

tane_e的博客

08-02

2518

1.派生选择器 也叫上下文选择器，可以根据上下文关系来定义样式。无需为特别为元素设置id 或者class，使代码更简单。例如.希望列表中的，变成斜体。 li strong { font-style: italic; font-weight: normal; } 施加影响的html. 我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用我是斜体字。这是因

css四种引入方式,选择器,CSS的常用属性

weixin_30256505的博客

04-11

160

### css四种引入方式# 1.行内式# 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。# 2.嵌入式# 嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下：# <head># <style type="text/css...

JavaWeb——css基础知识与它的三种使用方法和三种选择器

01-08

什么是css css，全称Cascading Style Sheets，中文名：层叠样式表。...选择器：浏览器根据“选择器”决定受CSS样式影响的HTML元素（标签,id或者类）属性（ property）是你要改变的样式名，并且每个属性

6—CSS基础选择器（标签选择器、类选择器、id选择器）

最新发布

qq_64073631的博客

10-21

2557

6—CSS基础选择器（标签选择器、类选择器、id选择器）

类选择器和ID选择器的区别

笔记别偷看

12-24

1万+

区别 1：与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次。下面代码是正确的： <p> 三年级时，我还是一个 <span class="stress">胆小如鼠</span> 的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个 <span class="stress">勇气</span> 来回答老师提出的问题。 </p> 而下面代码是错误的： <p> 三年级时，我还

css选择器优先级顺序是什么？css基本选择器的介绍

weixin_56134381的博客

03-19

4973

样式优先级原则总的原则 1.CSS规定拥有更高确定度的选择器优先级更高 2.如果样式中包含冲突的规则，且它们具有相同的确定度。那么，后出现的规则优先级高。优先级：由高到低(从上到下) !important 内联(1,0,0,0) id: (0,1,0,0) 类：(0,0,1,0) 伪类/属性元素：(0,0,0,1) 通配符类选择器 class=“web”,多个元素可以拥有同一个类名 id选择器 id=“web”,具有唯一性伪类选择器 CSS伪类（pseudo-class）是加在选择器后面的用来指定

CSS之③标签选择器（基础选择器①）

笔岸柳影

02-07

298

标签选择器使用须知：标签选择器的选择器名字，标签选择器的作用范围，标签选择器的基本格式，标签选择器的使用。 ...

CSS id选择器

qq_45823118的博客

03-24

2187

CSS id选择器任务描述相关知识任务描述在本关中，你将通过id选择器的方式完成页面菜单栏样式布局，栏目导航等任务。完成任务之后，基本页面效果如下：相关知识 id选择器 id选择器与我们上一关中学习的类选择器类似，但在使用上有不同。使用类选择器时，指定一个元素属于某类，使用的是关键字class，例如: <body> <h1 class="important">温馨提示</h1> <p>少一串脚印，多一份绿意。</p> &l

css link顺序与类选择器组合之间的关系

a1013774673的博客

11-14

143

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>css order</title> <link rel="stylesheet" type="text/css" href="../style...

CSS—内联样式（行内样式）、内部样式、外部样式、选择器

热门推荐

Natural_mengniu的博客

06-24

2万+

文章目录CSS简介使用CSS修改元素样式方式方式一（==内联样式或行内样式==）方式二（==内部样式表==）方式三（==外部样式表==）全场最佳语法选择器元素选择器id选择器（id不能重复，即使出现相同效果）类选择器（class：与id作用相似，但是可重复）通配选择器交集选择器并集选择器（选择器分组）关系选择器子元素选择器后代元素选择器兄弟选择器属性选择器伪类选择器声明块网页分为：结构（html）表现（CSS）行为（JavaScript） CSS 简介层叠样式表网页实际时一个多层的结构，通过C

11选择器（id选择器，类选择器，标签选择器）

IT小多的博客

09-05

3573

1、id选择器 #box{ } #box{ ................. } 特点：每一个标签只能有一个ID。 2、类选择器 .类名{ } .box{width: 100px;height: 100px;background: blue} .box2{border:5px solid red;}

CSS-基础选择器，标签选择器、id 选择器、类选择器、通配符 *的用法详解

weixin_44486539的博客

09-28

5604

概述想要实现对 HTML 页面中的元素进行一对一，一对多或者多对一的控制，这就需要用到 CSS 选择器；CSS 选择器有很多，大致可分为：基础选择器、组合选择器、伪类选择器和 CSS3 选择器 基础选择器 标签选择器(就是标签的名字) 所有的标签，都可以是选择器。比如 div、span、ul、li、dt、dl、dd、input 等无论这个标签藏的多深，一定能够被选择上标签选择器，...

CSS选择器总结

world_kun的博客

11-30

460

1 选择器概念：要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。2 基础选择器分类 2.1 标签选择器(元素选择器) 标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }...

前端学习笔记整理

shea_mong

12-08

500

前端学习笔记整理 CSS选择器汇总基础选择器 属性选择器 伪类选择器和伪元素选择器

CSS中的三种基础选择器，

liusure09的专栏

01-13

1万+

Html中有三种方法可以使用CSS，而在css中，有三种基础的选择器 1、元素选择器 也叫标签选择器，即在CSS中利用标签名称来定义其外观 2、类选择器，是用点.符号开头，后面跟上一个自定义的名称，在使用时候，以HTML标签的class属性来标记 3、ID选择器，以符号#开头，后面跟上一个自定义的名称，在使用时以HTML标签的id属性来标记。以下是几种选择器的使用实例

CSS选择器详解：类型、ID、类与标签选择器