html/css学习零星笔记(一)——如何使用样式

本文介绍了网页样式设计中的三种方法:外部样式表、内部样式表和内联样式,适用于不同场景的需求。从多个角度探讨了它们的应用与优缺点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当浏览器读到一个样式表,它就会按照这个样式表对文档进行格式化,有三种插入样式表的方法,分别对应着三种情况。

第一种使用外部样式

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

当样式需要被应用到很多页面时,外部样式是很好的选择。

第二种使用内部样式

<head>
<style type="text/css">
body{background-color:red}
p{margin-left:20px}
</style>
</head>

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

第三种使用内联样式

<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、付费专栏及课程。

余额充值