文档声明和HTML样式表

2024-10-21 15:51:33

文档声明

不是注释也不是元素，总是在HTML的第一行

书写格式：<!DOCTYPE HTML> 是用于通知浏览器目前文档正使用哪一个HTML版本（相关属性 lang）

若不写文档声明，浏览器渲染页面时会进入怪异模式

HTML元素又叫根元素或根标记，是所有元素的祖先元素

例：<html lang="en"></html>表示该文档中的文字用英语

<html lang="zh-cmn-hans"></html>表示该文档中的文字用简体中文

head元素又叫文档头，他是HTML的第一个子元素

head元素通常包含以下元素<title>\<meta|>\<style>\<link>

<meta charset="UTF-8">指示浏览器使用字符编码集UTF-8解析页面（meta是一个空元素）

body元素又叫文档体，网页上所有可见内容都放置在该元素中

快速添加内容的快捷方式：lorem+N+tab或p>loremN+tab

导入外部样式表

例：<link rel="stylesheet" href="./main.css">

外部样式表是写在head元素范围中的

link空元素表示引用外部资源 stylesheet表示导入的文件类型 href表示添加路径 main.css表示css相对于HTML的路径

路径中的./表示同级的文件，../表示要返回上级

特点：实现结构与样式分离，方便维护

导入内部样式表

例：<style type="text/css"> <p>.......</p></style>

内部样式表也是写head元素范围中的

导入行内样式表

例：<p style="color:red;">............</p>

行内样式表是写在body元素范围内的

最新文章

热门文章