CSS应用

在这篇文章中,我们会接触到三种将CSS应用到HTML中的方法,分别是内联、插入,以及样式表(link)。

文章目录

内联

使用style属性直接插入Html:

<p style="color:orange">ok</p>

p的颜色会变成橘色。

插入

使用

<style>
p{color:orange;}
</style>
<p>orange</p>

p即选择器,color即属性,:如HTML中的=,而orange正是每个属性所对应的值。
这句代码会使所有p元素的颜色变为橘色。

外联

外部样式用于多页网站,有一个单独的CSS文件。

p{font-size:2rem;}/*字体大小为2rem*/

将此代码存储与HTML同一个目录中,命名为style.css
接下来可以在HTML中应用此文件:

<head>
      <link rel="stylesheet src="style.css"/>
</head>

注意必须在head标签中使用!


快应用起来吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值