文档声明和HTML样式表
生活随笔
收集整理的這篇文章主要介紹了
文档声明和HTML样式表
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
文檔聲明
?不是注釋也不是元素，總是在HTML的第一行
?書寫格式：<!DOCTYPE HTML> 是用于通知瀏覽器目前文檔正使用哪一個HTML版本（相關(guān)屬性 lang）
?若不寫文檔聲明，瀏覽器渲染頁面時會進入怪異模式
?HTML元素又叫根元素或根標(biāo)記，是所有元素的祖先元素
?例：<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元素又叫文檔體，網(wǎng)頁上所有可見內(nèi)容都放置在該元素中
?快速添加內(nèi)容的快捷方式：lorem N tab或p>loremN tab
導(dǎo)入外部樣式表
?例：<link rel="stylesheet" href="./main.css">
??外部樣式表是寫在head元素范圍中的
?link空元素表示引用外部資源 stylesheet表示導(dǎo)入的文件類型 href表示添加路徑 main.css表示css相對于HTML的路徑
?路徑中的./表示同級的文件，../表示要返回上級
?特點：實現(xiàn)結(jié)構(gòu)與樣式分離，方便維護
導(dǎo)入內(nèi)部樣式表
?例：<style type="text/css"> <p>.......</p></style>
??內(nèi)部樣式表也是寫head元素范圍中的
導(dǎo)入行內(nèi)樣式表
?例：<p style="color:red;">............</p>
??行內(nèi)樣式表是寫在body元素范圍內(nèi)的
總結(jié)
以上是生活随笔為你收集整理的文档声明和HTML样式表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 教你如何用 lib-flexible 实
- 下一篇： HTML 中点击a标签,页面跳转执行过程