HTML/CSS——插入样式表的三种方法

当浏览器读到一个样式表时,它就会按照这个样式表来对文档进行格式化。

插入样式表的三种方法

1.外部样式表
当样式表需要被应用到很多页面的时候,外部样式表是比较好的选择。这样就可以通过更改整个一个文件来改变整个站点的外观。

<head>
<link rel="stylesheet" type="mystyle.css">
</head>

2.内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在head部分通过<style> 标签定义内部样式表。

<head>
<style type="text/css">
body {backgroud-color:red}  //bidy部分的背景是红色
p {margin-left:20px}    //p元素的左边距是20px
</style>
</head>

3.内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。方法是在相关的标签中使用样式属性,样式属性可以包含任何CSS属性。

<p style="color:red;margin-left:20px">
This is a paragraph
</p>

具体的CSS在之后继续学习

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值