结合 CSS 和 XHTML

未匹配的标注

结合 CSS 和 XHTML

文档与CSS关联的多种方式

文档指 Html,与 css 关联的意思是浏览器使用 css 样式来显示 html 文档(页面)。

1. 外部样式表 - link 标记

link 标记用于关联“外部样式表”(.css文件)。插入位置必须放在 head 元素中,一般在 title 标签下方。
至于原因可能和页面加载顺序有关,html > head > title > 样式

<head>
<title></title>
<link rel="stylesheet" type="text/css" href="sheet.css" />
</head>

link 关联;rel relations 缩写;stylesheet样式表;type 表示数据类型;这几项是固定格式,目的是能被识别并加载。href 是 css 文件地址。

2. 文档样式表 - style 元素

<style type="text/css">
body {
    color: red;
}
</style>

style 元素称为“文档样式表”或者“嵌套样式表”,因为样式表在文档中。一般也在 head 标签内,但没有强制要求。

3. 内联样式表 - style=””

<p style="color: grey;">内联样式表</p>

style 是 html 的一个属性
缺点是削弱了 css 集中管理的优点,内联样式并不比 font 标记强多少,不推荐使用。但确实提供了更大的灵活性。

记忆关键词

link-style-style=””

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
发起讨论 查看所有版本


暂无话题~