CSS的使用方式

Camellia——

已于 2022-08-25 20:22:27 修改

阅读量165

点赞数

分类专栏：前端文章标签： css html 前端

于 2022-08-25 20:21:53 首次发布

本文链接：https://blog.csdn.net/weixin_57219176/article/details/126531967

版权

前端专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS的使用方式</title>
		<!-- 
			CSS的使用：
					1）行内样式，在标签中指定style属性：书写CSS样式
					弊端：一次只能修饰一个标签
							CSS样式代码和html代码混合到一块，不利于管理
					2）内部方式：
						在head标签中指定style标签
							style标签中：利用CSS选择器代码修饰html标签
							CSS样式代码和html代码混合到一块，不利于管理
					3）外部方式：
					单独创建一个独立的以后缀名为.css的文件，在当前页面中导入css文件
					在head标签中
						<link href="外部文件.css" rel="stylesheet"/>
						
		 -->
		 
		 <!-- 内部样式-->
		<!-- <style>
			 /*
				样式代码：
				CSS:样式属性
			 */
		 a{
			 font-size:30px;
			 color:#7FFFD4;
			 text-decoration:none;
		 }
		 </style> -->
		 
		 <!-- 导入外部样式-->
		 <link href="css/01.css" rel="stylesheet"/>
		 <!-- rel属性：关联层叠样式表-->
		 
	</head>
	<body>
		<!-- <a href="#" style="font-size: 30px; color:#7FFFD4; text-decoration:none;">链接1</a><br /> -->
		<a href="#">链接1</a><br />
		<a href="#">链接2</a><br />
		<a href="#">链接3</a><br />
		<a href="#">链接4</a><br />
	</body>
</html>

a{
	front-size:20px;
	color: red;
	text-decoration: underline;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Camellia——

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS的使用方式

css的使用
复制链接

扫一扫

专栏目录

CSS基本使用方法

qq_45782839的博客

11-27

1480

1.行内样式，引入style样式 2.内部样式表在head标签里，统一改想改的标签 <style> h4 { color: aqua; } </style> 3.外部样式表:在css文件里写需要一个连接<link href="style.css" type="text/css" rel="stylesheet"/> 4.css选择器是选择标签的 5.类选...

CSS常用方法

翻车的博客

07-02

458

1.基础选择器 1.1标签选择器 div {} a {} p {} 1.2类选择器（class名可重复） .class1 {} .class2 {} 1.3id选择器（id名不可重复） #id1 {} #id2 {} 1.4通配符选择器 * {} 2.字体属性 2.1更换字体 div { font-family: "微软雅黑"; } 2.2字体大小 div { font-size: 20px; } 2.3字体粗细 div { font-weight: bold; } 2.4字体样式 d

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

css常用方法

最新发布

qq_46584697的博客

04-26

783

你不需要强迫你站点访问者使用独特的光标。至少，不是出于用户体验的目的。不过，关于 cursor 属性要说明的是，它可以让你展示图片，这相当于以照片的格式显示提示信息。一些用户案例，包括比较两个不同的照片，你无需在视图窗口渲染这些照片。比如：cursor 属性可以用在你的设计中，节省空间。因为你可以在特定的 div 元素中锁定特定的光标，所以在此 div 这外可以无效。目前尝试对图片的大小有限制，读者可以自行更改验证DefaultImageEmoji

CSS的三种使用方式

m0_74765336的博客

09-11

1477

选择同时满足多个选择器要求的元素，多个基础选择器连续的写在一起，如果有标签选择器，需要写在第一个 ②并集选择器：选择满足任意一个选择器的元素，多个基础选择器用逗号隔开例如：a.c3 {color:crimson;1，外链样式【head部分将CSS样式写在单独的CSS文文件件当中，需要用到的地方引入该外部样式表文件】选取ID属性值等于当前值的元素，因为ID属性的唯一性，ID选择器只能选择到一个元素。3. 外链样式：将CSS样式写在单独的CSS文文件件当中，需要用到的地方引入该外部样式表文件 #

HTML要用css如何声明代码,HTML 和 CSS 代码的规范

weixin_39835607的博客

06-05

233

HTML :一.语法:- 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。- 嵌套元素应当缩进一次(即两个空格)。- 对于属性的定义，确保全部使用双引号，绝不要使用单引号。- 不要在自闭合(self-closing)元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。- 不要省略可选的结束标签(closing tag)(例如，< /li &g...

12 个优秀的 CSS 技巧

CRMEB小程序商城的博客

11-03

976

使用 Shape-outside 在浮动图像周围弯曲文本它是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域。css代码： .any-shape { width: 300px; float: left; shape-outside: circle(50%); } 复制代码魔法组合这个小组合实际上可以防止你在 HTML 中遇到的大多数布局错误的问题。我们确实不希望水平滑块或绝对定位的项目做他们想做的事情，也不希望到处都是随机的边距和填充。所以这是你们的魔法组合。 * .

CSS引入方式资料下载

01-11

本资料下载主要关注CSS的引入方式，这关乎到网页样式如何被浏览器正确解析和应用。下面将详细阐述CSS的几种引入方式。一、内联样式内联样式是最基础的CSS应用方式，通过在HTML元素的`style`属性中直接写入CSS代码...

基于vue中css预加载使用sass的配置方式详解

08-27

基于 Vue 中 CSS 预加载使用 SASS 的配置方式详解作为一名 IT 行业大师，我将为大家详细解释基于 Vue 中 CSS 预加载使用 SASS 的配置方式。什么是 SASS？ SASS（Syntactically Awesome StyleSheets）是一种 CSS...

09-30

06-16

12-02

毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解决方案，采用的是 ...

CSS的基本使用

weixin_63680062的博客

02-06

3428

CSS的基本使用一 1.CSS基本语法 CSS样式由选择器和一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一份CSS属性和属性值选择器名 { 属性：属性值；属性：属性值； ······ } div { background-color : red; } 注意： css声明以分号结束，声明用{}括起来建议一行写一个属性若值为若干单词，要把值用引号引起来，如：font-family:“agency fb”; 2. CSS的使用 2.1 行内式行内样式将样式定义在

CSS使用方法

我爱编程持之以恒

05-07

1601

css就是规定各种显示风格样式的名称和设置值的规则。它有4种方式可以将样式加入到HTML中，分别是内联样式表、嵌入样式表、外联样式表、输入样式表。 ①内联样式表：在html标签中直接使用style属性。它适用于只需要将一些简单的样式应用于某个独立的元素的情况。在使用时，需要在head标签中添加meta标签，如下：使用方法如下： ②嵌入样式表：在

CSS的三种使用方法

Tech in Pieces

12-31

5297

CSS使用方法1：行内样式，只对当前标签生效。比如像这样 <h1 style="height:20px;color:red"> CSS使用方法2—内联样式+选择器行内样式虽然直观易懂，但是有个问题：不便于维护和修改，而且占内存。但是如果批量修改，文本中的< p >标签，想让文字变为红色。所以我们使用CSS选择器。 <html> <head> <title>Evan Sun</title> <style type="te

html引用css的三种方法

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交