我是靠谱客的博主 怕孤独翅膀,最近开发中收集的这篇文章主要介绍html头文件css怎么写,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

本文操作环境:Windows7系统、HTML5&&CSS3、Dell G3电脑。

头文件<head></head>

<head>元素包含了所有的头部标签元素。

在 <head>元素中你可以插入脚本(scripts),样式文件(CSS),及各种meta信息;可以添加在头部区域的元素标签为:<title>,<style>,<meta>,<link>,<script>,<noscript>,<base>。

html头文件中css怎么写?

1、内部样式表

内部样式表是将css的样式代码放在html文档<head></head>中的<style></style>标签中,引入css。

在<style>中有一个类型属性type,后面接test/css,表示CSS文本,语法格式如下:

<style type="text/css">
   /*这里写CSS内容*/
</style>
登录后复制

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

推荐:《css视频教程》

示例如下:

ab6651ab309e2fc1271ebfa97208ad2.png

效果图如下:

b46b4ae982d6384ba51cfc309d94db3.png

2、外部样式表(推荐)

外部样式表是使用<link>标签,引入外部CSS文件;通常link标签是写在网页的<head></head>之间的。

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

<link type="text/css" rel="stylesheet" href="css文件的存放地址">

示例代码如下:

bed16ab56e2586203807cbfd105af62.png

web.css内容为

21283e20afee11d06a012e48fb0c871.png

效果如下

e7e7f50000403eef3657766d8d362e5.png

以上就是html头文件css怎么写的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是怕孤独翅膀为你收集整理的html头文件css怎么写的全部内容,希望文章能够帮你解决html头文件css怎么写所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(61)

评论列表共有 0 条评论

立即
投稿
返回
顶部