在html中引用css样式表,怎么引用css样式?

怎么引用css样式?下面本篇文章给大家介绍一下在HTML中引用css样式的几种方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

e9c2892d8e41913bcaae6bf2efaf4343.png

1、使用行内样式表

语法:在标签内部写入一个style属性。

822ae09d09fa722fcd7726401fd896c5.png

优点:没有样式表文件,在某些时候可以提高效率;

优先级高。

缺点:多个页面难以共享样式,不利于代码复用;

HTML和CSS代码混杂,不利于程序员和搜索引擎阅读。

2、使用内部样式表

语法:在head标签写一个style标签,在style标签里面通过选择器(元素选择器、类选择器、ID选择器)来选择标签,从而控制该标签的样式。

9e0bf7b2c66b184d74eed73a49540721.png

优点:没有样式表文件,在某些时候可以提高效率;

缺点:多个页面难以共享样式,不利于代码复用,只能单个页面使用;

HTML和CSS代码混杂,不利于程序员和搜索引擎阅读。

3、外部样式表

语法:(1)需要新建一个外部CSS文件,在里面书写CSS样式;

(2)在head标签里面通过link来关联外部CSS文件。

例如:,这样就可以在HTML文档里面直接书写界面的内容,在css文件里面调整格式,设计样式了。

3bda34f32a0b655ccb175f3d652f3077.png

优点:实现了内容结构和表现形式代码分离,方便复用和维护;

使HTML代码更加纯净,有利于程序员和搜索引擎阅读。

更多web前端开发知识,请查阅 HTML中文网 !!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值