您当前的位置:首页 >> 金融
在HTML语言中插入CSS语言的方法
发布时间:2019-11-16
 


在HTML语言中插入CSS语言的的方法主要有三种,一种是标签内CSS样式表、头部CSS样式表和外部链接CSS样式表


标签内CSS样式表

由于要将CSS的外观表现和HTML标签的内容混杂在一起,标签内CSS样式表会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。要使用标签内CSS样式,你需要在相关的标签内使用样式(style)属性。

<h1 style="color:red">helloworld></h1>

<h1></h1>是HTMl标签,<h1>内的style="color:red"就是标签内样式表。


头部CSS样式表

head是头部的意思定义在<head></head>就是头部的CSS样式表,指的就是把CSS代码和HTML代码放在同一个文件中,其中CSS代码放在<style></style>标签对内,并且<style></style>标签对是放在<head></head>标签对内代码写法如下。

<

html>

<head>

<style>

h1{color:red;}

</style>

</head>

<body>

<bo>

</html>

上面的蓝色字就是头部CSS样式表


外部链接CSS样式表

当样式需要应用于很多页面时,外部链接CSS样式表将是理想的选择。在使用外部链接CSS样式表的情况,你可以通过更换一套CSS样式表来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表,其书写格式为<link rel="stylesheet"type="text/css"href="xxx.css"/>,外部样式表都是在head标签内使用link标签来引用的。代码写法如下。

<html>

<head>

 <link rel="stylesheet"type="text/css"href="xxx.css"/>

</head>

<body>

<bo>

</html>

上面的蓝色字就是外部样式链接CSS样式表

今天就分享到这,要知后事如何请听下回分解,如有疑问请加QQ1974808066了解。

**************EMD**************

微信HTML小程序兴趣交流群
QQ群:805366477(兔儿屋设计坊)

部分内容参考网络,本文只限于学习交流请勿它用

***********************************