CSS几种引入方式和选择器的总结

最新推荐文章于 2022-09-01 09:09:04 发布

雾山雨巫

最新推荐文章于 2022-09-01 09:09:04 发布

阅读量330

点赞数

文章标签： css html javascript

本文链接：https://blog.csdn.net/qq_21921805/article/details/117618784

版权

本文总结了CSS的四种引入方式：行内样式、内嵌样式、外链样式和导入样式，并详细介绍了优先级规则。同时，讨论了基本选择器（标签、ID、类、通用），包含选择器（子代、后代、分组），属性选择器，以及伪类和伪元素选择器的应用，包括其优先级和注意事项。

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

一、层叠样式表

介绍

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

引入方式

1.行内样式 ————标签样式结合style，加上对应样式

	<h1 style="color: blue" >一个标题标签</h1>

2.内嵌样式————页面样式使用style标签，嵌套在<head>标签里面


<head>
	<style type="text/css">
		h2{
			color: red

		}
	</style>
</head>

3.外链样式————link标签，单独写一个css文件，嵌套在<head>标签里面进行引入

<head>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雾山雨巫

关注关注

0
点赞
踩
1

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

【CSS笔记】CSS三种样式表、CSS样式表优先级、CSS选择器

✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。

08-19

793

CSS，全称是：Cascading Style Sheets，层叠样式表，用于修饰HTML页面的。CSS编写的规则分为两部分，分别是：选择器、声明块。声明块，需要使用【{}】大括号包裹，括号里面使用【key: value；】的格式定义属性。选择器，表示需要对哪个HTML标签添加CSS样式，声明块表示要给选择的标签添加什么样式效果。h1 {}

css的引入方式和选择器

qq_52016943的博客

05-31

486

1.css介绍层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 2.css的引入方式 ......

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

CSS选择器及引入方式

txq231254的博客

12-09

932

目录前言一、css选择器 1、基础选择器 2、复合选择器 二、css引入方式总结前言学习了一段时间了解了什么是CSS，我归纳出了我觉得在CSS中非常重要的四个知识点。首先就是：CSS选择器，，其次是：盒子模型，然后是引入方式，那么最后一个就是：浮动，首先让我们先来看看CSS选择器和引入方式！一、css选择器 1、基础选择器 是单个选择器组成，包括标签选择器、类选择器、ID选择器和通配符选择器。标签选择器：标签名{ 属性：属性值；}，用HTML标签作...

CSS的引入方式及选择器

weixin_30329623的博客

08-20

CSS的引入方式第一种：在head中 <style></style> 嵌入式第二种：在head中 <link href="index.css" rel="stylesheet"> 链接式（先加载css，再加载html）推荐第三种：在head中 <style>@import "index.css";</style>> ...

css样式三种引入方式 选择器 常用属性：背景属性字体属性边框属性内间距外间距盒子模型

langdei的博客

08-13

899

一、CSS简介 1.什么是css 重叠样式表主要是负责标签的样式美化页面一个网页分三大部分结构层：主要由html负责负责页面的结构表现层：主要由css负责页面的展示样式美化页面行为层：主要由js负责负责页面和用户的交互效果 Css是单独的一种文件类型后缀为.css的文件 2.Css的三种引入方式行间样式给标签添加style属性值就是你要设置的css样...

css选择器与引入方式

小熊熊的博客

01-20

295

css选择器种类：基本选择器（元素选择器，类选择器，属性选择器） 1.元素选择器 只是用来对一种元素进行选择，例如一下代码对所有的div进行选择： css div{ font-size: 30px; color: red; } 你好亲爱哒嗯呢

CSS三种引入方式，选择器，伪类

weixin_57727027的博客

02-28

823

CSS三种引入方式，选择器，伪类 ——CSS有三种不同的引入方式行内样式表，内部样式表，外部样式表。行内样式是通过style属性引入CSS样式 eg：内部样式表是在style标签里面写CSS样式 eg：外部样式表是将CSS代码保存到外部的CSS的文件里面，HTML文件通过link标签引用该CSS样式表。 eg： ——CSS选择器 选择器 1、CSS样式的语法格式： p {color:red;} 元素选择器(元素选择器是最简单的选择器) 选

网页引入css样式的几种方法

09-25

CSS文件可以包含多个选择器和规则，对整个网站或多个页面进行统一的样式设置。 4. 导入式：导入式CSS允许在一个CSS文件中导入另一个CSS文件，如： ```css @import "other.css"; ``` 这通常用在主CSS文件中，将不同...

CSS 引入方式和三种特性和属性优先级

weixin_58139900的博客

09-17

1624

目录 CSS介绍，引入 CSS引入（3种方式） 1，行内引入 2，内部嵌入 3，外部链接 CSS优先级 1.css引入方式的优先级行内引入：内部嵌入: 外部链接 选择器优先级: CSS三种特性 CSS介绍，引入 css 层叠样式表 cascading 层叠 style 样式 sheets表标记语言负责样式也就是网页上那些内容的样式 (宽高，位置，字...

css的引入方式、基础选择器、复合选择器

yss2917897194的博客

05-30

108

引入方式 1、行内式：通过style写在标签里，作用范围小 2、内部样式 <head> ..... <style> div{ color:red; font-size:11px; } </style> </head> 3、外部样式 <head> ..... <link href="css的路径" rel="stylesheet" > </head> 基础选择器 1、标签选择器：针对一类标签

CSS选择器以及引入方法（一）

caohui1994的专栏

06-23

774

CSS介绍 CSS是由W3C发布的，功能在于调节网页样式。CSS有两部分组成，选择器和声明。声明中则包含属性以及属性值。 选择器不仅可以使元素标签，也可以是类、ID（元素的唯一标示）、或是元素的某种状态，也可以作为通配选择器使用。通配选择器 *{CSS属性:属性值;} *表示页面中的所有HTML标签元素选择器 元素标签有p、h1、table等如下： body,p,t...

CSS：简述、三种引入方式、CSS选择器、书写格式

平安学习日记

03-08

932

CSS简述 CSS：层叠样式表（Cascading Style Sheets）是一种用来表现HTML或XML等文件形式的计算机语言。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。简单来说CSS就是静态地美化网页。 CSS的引入 1、行内引入特点：只能给某个元素对象添加样式  <p style="color: re...

css三种引入方式与标签选择器

weixin_43765641的博客

09-01

532

1、特点：id名是唯一的，一个标签只能有一个id。2、内部引入方式：在head中写style标签，然后在style标签中写css样式。3、外部引入方式：使用link引入外部css文件，css样式写在css文件中。1、行间样式：权重最高1000，在标签的style属性中写css样式。语法：选择器1，选择器2......{css样式}语法：.class名{css样式}语法：父选择器 子选择器{css样式}语法：父代选择器>子代选择器{css样式}语法：#+id名{css样式}语法：标签名{css样式}..

CSS-引入方式和选择器

花城的博客

08-23

465

CSS简介、CSS注释、CSS的三种引入方式. 行内方式. 内部方式. 外部方式、选择器. 基本选择器. 组合选择器. 属性选择器. 选择器分组. 伪类选择器 . 伪元素选择器、选择器优先级、!important

css样式引入方式和选择器

weixin_52907605的博客

05-31

161

一、css样式引入方式 1.行内样式通过标签的style属性给该标签设置样式： <p style="color:red;background-color:yellow;">这是一个段落</p> 2.内嵌样式通过选择器选择对应的标签后给该标签设置相应的样式，样式内容需要写在style标签内，一般习惯将style标签写在head标签内。 <style> p{ color:red; backg

css 引入方式,选择器,选择器的优先级

08-28

960

css引入方式,选择器,选择器的优先级 /** * css有3中写法 * 1 ：外联式：：新建css 内部引用（主要写法推荐） * 1）：该写法影响范围比较广，整个站点 * 2）：完全实现了html结构与样的分离（代码可维护性比较好） * * 2 ：内嵌式：在头部的style 中书写 * 1）：只会影响当前

css的引入方式及其选择器

ShiLihepan的博客

05-22

214

CSS有三种引入方式<--外联式--> <link src="位置"> <--内嵌式--> <style></style> <--内联式--> <div style=""></div>.box1.after{} css通过选择器实现&l

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

weixin_51746436的博客

06-03

229

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

CSS基础入门：语法、选择器与样式引入详解

CSS的基本语法包括选择器和声明。选择器指定要应用样式的元素，如`{selector {property: value; ...}}`，例如，`h1 {font-size: 12px; color: #F00;}`表示将红色12像素字体应用于所有`<h1>`标签。 4. **style标签...