龙空技术网

Css样式一般写在哪里?小白轻松入门

成都编程竞赛何老师 176

前言:

现在各位老铁们对“内部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样式表写在哪里