结合 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 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~