结合 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 网站上。

上一篇 下一篇
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~