在html中引入CSS样式的方式,请分别叙述?

发布网友发布时间：2022-04-23 05:51

共3个回答

热心网友时间：2022-04-06 12:36

有三种方式：
1、内联：在HTML标签内用style属性添加CSS，如：
<span style="font-size:12px">字体大小为12像素</span>
2、外联：在HTML的head区块内用<style>...</style>标签来添加CSS，如：
<style>
.zt {font-size:12px}
</style>
<span class=zt>字体大小为12像素</span>
3、导入或链接：把CSS放入单独的文件，然后通过Import或Link连接到HTML内，如：
<style>@Import url("main.css");</style>
或
<link rel="StyleSheet" href="main.css" type="text/css" />

热心网友时间：2022-04-06 13:54

可以通过外部调用的方式<link rel="stylesheet" type="text/css" href="css/cai.css" />单独写一个cai.css的样式，在页面里面调用，也可以在元素里面写样式，比如<div style="width:185px;margin-bottom:5px;float:left; display:inline;"> 这个样式就写在div中了，或者写在页面的，<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>

<body>
<h1>Header-1</h1>
<p>This is a paragraph.</p>
</body>
</html>

的<head>标签下面，用<style></style>标签括起来，调用就跟上面的代码一样。

热心网友时间：2022-04-06 15:29

朋友，你的问题就不明确啊，你是问怎样引入的，还是这句话什么意思呢，
意思：html文件为网页文件，引入css样式就是用css控制html网页文件中的文字、图片等的位置（上、下、左、右）、样式、颜色等等，让网页更好看。
引入方式：将此代码<link href="此处为css样式表路径" rel="stylesheet" type="text/css" />