在html中加入样式表,如何在html加入css?

CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。

d8fceeeaf7423d7a9d2c706cf7e8c1b9.png

在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种。

1、行内式:即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。

This is a paragraph

2、嵌入式:在对页面中各种元素的设置集中写在

和之间的,对于单个页面来说,这种方式很方便。

3、导入式:导入式格式如下:

@import url("testCss.css");

4、连接式:格式如下:

采用后两种方式后的显示效果略有区别,区别如下:@import是CSS提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载CSS文件,还可以定义RSS,rel连接属性等;

加载页面时,link引入的CSS被同时加载,@import引入的CSS将在页面加载完毕后加载;

link标签作为HTML元素,不存在兼容性问题,而@import是CSS2.1才有的语法,故老版本浏览器(IE5之前)不能识别;

可以通过JS操作DOM,来插入link标签改变样式;由于DOM方法是基于文档的,无法使用@import方式插入样式;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值