• 技术文章 >web前端 >html教程

    html头文件css怎么写

    藏色散人藏色散人2021-02-07 10:23:23原创665

    html头文件css的写法:1、通过“<style type="text/css">/*这里写CSS内容*/</style>”方式引入css;2、使用“<link>”标签,引入外部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怎么写的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:怎么在html中引入vue.js文件 下一篇:你可能会忽略但有用的 HTML 标签(总结)
    大前端线上培训班

    相关文章推荐

    • html 5设计原则介绍• html基本结构分析• 在html文档中引用外部样式表的正确位置是什么• 怎么在html中引入vue.js文件• html 5经典书籍分享

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网