004---css样式表(内部样式表、行内样式表、外部样式表)

一、内部样式表

内嵌式是将CSS代码集中写在HTML文档的head头部中,并且用style标签定义,基本语法如下:


语法中,style标签一般位于head标签中title标签之后,也可以放在HTML文档的任何地方。

type="text/CSS"  在HTML5中可以省略。

二、行内样式表

行内样式表适合于样式较少的情况。

语法:


如下例:

<div style="color:red;font-size: 20px;">Today is a good day.</div>

三、外部样式表(外联式)

它由两部分构成,一个是.css文件,一个是html文件中的link标签,起到连接.html与.css文件的作用。

语法:

建立一个.css文件,里面写.html标签的样式。建立如下:


另一个是:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="xxx.css" type="text/css" />
</head>
<body>
</body>
</html>

他的位置是:head里,title后。href填写需要连接的.css文件的路径。

它使用场合较多。

四、三种方式的对比


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值