html5如何在html中导入css? 用什么方法。自学者。越详细越好。最好能能有个实例、谢谢

html5如何在html中导入css? 用什么方法。自学者。越详细越好。最好能能有个实例、谢谢,第1张

当浏览器读到一个样式,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head>

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

</head>

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style>标签定义内部样式表。

<head>

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

</head>

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: redmargin-left: 20px">

This is a paragraph

</p>

在<head>标签中添加

<meat type="text/css" link="stylesheet" href="html5.css" />

href=""引号中添加你所需要的css样式表的名称

HTML5 <link>标签

1、定义和用法

<link>标签定义文档与外部资源之间的关系。

<link>标签大多数时候都用来连接样式表。

2、实例

链接到一个外部样式表:

<head>

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

</head>

3、浏览器支持

所有主流浏览器都支持 <link>标签。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7248353.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存