怎么在html文件中写css文件,html头文件中css怎么写?

本文介绍了在HTML文档中引入CSS样式的两种主要方法:内联样式和外部样式表。内联样式适用于单个页面,使CSS代码具有统一性和便于维护的特点;而外部样式表则更推荐使用,通过<link>标签引入外部CSS文件,适用于多个页面共享样式的情况。

html头文件中写css的方法:1、将css的样式代码写在html文档头文件<head></head>中的<style></style>标签中;2、在网页头文件<head></head>中使用<link>标签,引入外部CSS文件。

在html头文件

中css怎么写?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

42a1b6a03b13fddbda51afe1f2861953.png

头文件

元素中你可以插入脚本(scripts),样式文件(CSS),及各种meta信息;可以添加在头部区域的元素标签为:,标签中,引入css。

/*这里写CSS内容*/

特点:单个页面内的CSS代码具有统一性和规划性,便于维护,但是在多个页面之间容易混乱

示例如下:

16e32f5cf087ff0f5be70cb66aacbc20.png

效果图如下:

145fab7be89381d20dc006c92021ac27.png

2、外部样式表(推荐)

外部样式表是使用标签,引入外部CSS文件;通常link标签是写在网页的

之间的。

里面的属性有type、rel、href,其中type固定为text/css,rel(即样式表)固定为stylesheet,href自然指的就是css文件的地址了,语法格式为:

示例代码如下:

f5d5e22b2d58acdf3e7fbe2d46b6f249.png

web.css内容为

a492b5e81943e394c3ec8c0463ed09d0.png

效果如下

067aaef1c758d54929e07661e849ff49.png

更多web前端知识,请查阅 DMOZ中文网站分类目录 !!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值