css学习——导入方式

部署运行你感兴趣的模型镜像

四种导入方式

内部样式

<!--一般写在head里面-->
<style>
h1{
	color:green;
}
</style>

行内样式

<!--直接在标签中写一个style属性,然后写样式即可
	如果有多个样式,必须用分号结尾
-->
<h1 style="color:red">我是标题</h1>

外部样式(两种写法)

链接式
<!--推荐使用,一般写在head里面-->
<link rel="stylesheet" herf="css/style.css">
导入式(css2.1特有)
<!--一般不使用这种,先加载框架后渲染-->
<style>
	@import url("css/style.css");
</style>

导入的优先级:遵循就近原则

您可能感兴趣的与本文相关的镜像

Wan2.2-T2V-A5B

Wan2.2-T2V-A5B

文生视频
Wan2.2

Wan2.2是由通义万相开源高效文本到视频生成模型,是有​50亿参数的轻量级视频生成模型,专为快速内容创作优化。支持480P视频生成,具备优秀的时序连贯性和运动推理能力

CSS样式的引入方式主要有行内式(内联样式)、内部样式表(内嵌样式表)、外部样式表(外链式)和导入式,以下是详细介绍: - **行内式(内联样式)**:直接在 HTML 标签的 style 属性中设置样式。例如: ```html <div style="background-color: orange; width: 500px; height: 200px;"> 一个div </div> ``` 这种方式样式直接应用于特定的 HTML 元素,适用于对单个元素应用独特样式的情况,但如果样式需要在多个元素中复用,会导致代码冗余,不利于维护和管理[^4]。 - **内部样式表(内嵌样式表)**:将样式定义到 HTML 的 `<head>` 元素的子元素 `<style>` 里,使用选择器来定位要设置样式的元素。示例代码如下: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内部样式表示例</title> <style type="text/css"> div { background-color: orange; width: 500px; height: 200px; } </style> </head> <body> <div> 一个div </div> </body> </html> ``` 内部样式表适用于单个 HTML 文件的样式设置,能够将样式与 HTML 结构分离,但如果多个页面需要相同的样式,仍会有代码重复的问题[^4]。 - **外部样式表(外链式)**:使用 `<link>` 标签引入外部的 CSS 文件。`<link>` 标签的 `rel="stylesheet"` 表示引入的是样式表;`type="text/css"` 指定样式类型为 CSS;`href` 属性指定 `.css` 文件的路径(相对路径或绝对路径)。示例代码如下: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>外部样式表示例</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <div> 一个div </div> </body> </html> ``` 在 `styles.css` 文件中可以编写相应的样式: ```css div { background-color: orange; width: 500px; height: 200px; } ``` 外链式是使用频次最高、最实用的 CSS 样式表引入方式,可以将 HTML 代码与 CSS 代码分离为两个或多个文件,实现结构和表现的完全分离,使网页的前期制作和后期维护都变得十分方便。在加载页面时,`<link>` 标签引用的 CSS 样式表将同时被加载[^2][^3]。 - **导入式**:使用 `@import` 语句在 `<style>` 标签内导入外部 CSS 文件。基本语法如下: ```html <style type="text/css"> @import url("CSS 文件路径"); /*此处还可以存放其他CSS 样式*/ </style> ``` 导入样式表必须在 `style` 标记内开头的位置定义,可以同时导入多个外部样式表,每条语句必须以“;”结束。一般导入外部样式写在最前面,内部样式写在后面。`@import` 必须连续书写,外部样式表的名称在书写时,必须是全称再加上后缀名 `.css`。不过,导入式会在整个网页加载完后再加载 CSS 文件,因此如果网页比较大则会出现先显示无样式的页面,再出现网页的样式的情况,可能造成不好的用户体验[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值