前言:
现在各位老铁们对“内部css样式表写在哪里”大概比较看重,朋友们都想要学习一些“内部css样式表写在哪里”的相关资讯。那么小编也在网络上网罗了一些对于“内部css样式表写在哪里””的相关资讯,希望姐妹们能喜欢,小伙伴们快快来学习一下吧!1.1 直接在标签上使用style属性来设置样式
<div style="color: red;font-weight: bold;font-size: 120px;">果果爸爸青少年编程</div>
一个html标签,可以由多个“属性名:属性值”来进行修饰,多个属性名之间用“;”隔开。
1.2 引入CSS的三种方式
行内css, 内部css, 外部css
1.2.1行内css:
<p style="color: blue;font-family: '黑体';">
今天学习css了,网页可以修饰了。
</p>
适合局部修饰网页中少量html标签
1.2.2内部CSS
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p{
font-weight: bolder;
color:darkslategray;
font-family: "微软雅黑";
}
</style>
</head>
<body>
<p>
今天学习css了,网页可以修饰了。
</p>
<p>
今天学习JS了,可以控制网页标签了。
</p>
<p>
今天学习HTML了,可以搭建网页基础结构了。
</p>
</body>
</html>
注意:内部CSS只能修饰当前的页面
1.2.3外部CSS
(1)新建一个css文件
p{
font-weight: bolder;
color:blue;
font-family: "微软雅黑";
}
(2)在html文件中通过link引入css文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<p>
今天学习css了,网页可以修饰了。
</p>
<p>
今天学习JS了,可以控制网页标签了。
</p>
<p>
今天学习HTML了,可以搭建网页基础结构了。
</p>
</body>
</html>
标签: #内部css样式表写在哪里