文档声明和HTML样式表
- 相关推荐
-
![文档声明和HTML样式表](https://1200zi.500zi.com/uploadfile/img/14/883/7373c0ff64443662dd0f74077d8d93dc.jpg)
文档声明
不是注释也不是元素,总是在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元素范围内的
本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。