在CSS中style 和 text/css的使用

最新推荐文章于 2023-09-19 08:06:51 发布

有梦想的地中海

最新推荐文章于 2023-09-19 08:06:51 发布

阅读量4.4k

点赞数 1

分类专栏：笔记文章标签： css html

本文链接：https://blog.csdn.net/m0_47691989/article/details/107398480

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

CSS是Cascading Style Sheet 的缩写。译作层叠样式表单，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
1.内联定义（我理解为在主体中定义）

<body>
	<p style="border:1px">内联定义1</p>
	<p style="color: red">内联定义2</p>
	<p style="font-size: 20px">内联定义3</p>
</body>

运行结果
在这里插入图片描述
这种方式我没怎么用过
2.链入内部css

<head>
<meta charset="utf-8">
<style type="text/css">
	p{
		color: red;
		font-size: 50px;
	}
	b{
		color: black;
		font-size: 25px;
	}
</style>
</head>

<body>
	<p>这是链入内部的---<b>CSS</b></p>
</body>

运行结果
在这里插入图片描述
一般在使用到style标签时，最可能是用“text/css”。type 属性指示 <style> 与 </style> 标签之间的内容。这种方式较上一种方式方便，但是当给多个信息进行修改时，很容易出现看不清楚代码的情况。
3.链入外部css

<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="file:///C:/Users/biu~/WEB%E5%AE%9E%E8%AE%AD/%E7%AC%AC%E4%B8%80%E8%8A%82%E8%AF%BE/css/style.css"/>   
<!--href 引入css的路径-->
</head>

<body>
	<p>这是从外部的-</p>
	<a>链入的-</a>
	<b>一个文件</b>
</body>

在这里插入图片描述
运行结果

这种方式较前两种在查看代码方面思路更加清晰，也是用的最多的。

有梦想的地中海

关注

1
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
在CSS中style 和 text/css的使用

CSS是Cascading Style Sheet 的缩写。译作层叠样式表单，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。1.内联定义（我理解为在主体中定义）<body> 内联定义1 内联定义2 内联定义3</bo
复制链接

扫一扫