CSS选择器

16 篇文章 0 订阅

第一种方式:内联样式/行内样式

写在开始标签里面,写一个style属性,讲一组一组的样式写在style属性值里面

color: red; 样式名:样式值;

可以写多组样式,但一定要用;隔开

缺点:

1、结构和表现耦合了

2、不容易修改

注意:

第二种方式:内部样式表

写在head标签内部,写一个子元素,style标签,

通过选择器选中对应的要设置的元素/标签,在{}里设置一组一组样式

也可以写多组样式,也需要用;隔开

缺点:

不方便复用

</style>

<!-- 第三种方式:外部样式表

在html文件的外部新建一个.css文件,在css文件里写样式

然后通过在head标签内部写子标签link标签,

将html文件和css文件联系在一起

link标签里有href属性,在href里写引入css文件的路径

注意:这种方式推荐使用

例如

<link rel="stylesheet" href="./02.header.css">


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

滑铁卢小吴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值