筆記 前端自學基礎之HTML CSS概念

2021-10-01 10:22:34 字數 1052 閱讀 4608

1、shell:外殼

2、core:核心(js執行引擎、渲染引擎)

ie             核心:trident

chrome     核心:webkit(之前)  後來使用  blink

firefox     核心:gecko

safari        核心:webkit

opera       核心:presto(之前)後來使用  blink

html5:2023年

css3:目前還沒有制定完成。

xhtml:可以認為是html其中的乙個版本。完全符合xml的規範。目前沒有學習的必要。

html裡的注釋:

css裡的注釋:

/* 注釋內容 */

js裡的注釋:

// 注釋內容

html裡的組成成分,官方稱為「元素」,另有稱為「標籤」、「標記」。

渡一教育

整體:element(元素)

元素 = 起始標記(begin tag) + 結束標記(end tag) + 元素內容(element content)+元素屬性

屬性 = 屬性名 + 屬性值

屬性的分類:

1、區域性屬性(某些元素特有的屬性  如a元素的href屬性)

2、全域性屬性(所有元素通用   如title屬性)

有些元素沒有結束標記,這樣的元素叫做「空元素」。  如:img,meta.

空元素的兩種寫法:

1、2、目前html5基本不使用該寫法。

文件宣告,告訴瀏覽器,當前文件使用的html標準是html5.(其他的版本:xhtml/html4/html3/html2)

不寫文件宣告,將導致瀏覽器進入怪異渲染模式。

根元素,乙個頁面最多只能有乙個,並且該元素是所有其他元素的父元素或祖先元素。

html5中沒有強制要求書寫該元素。

lang屬性:language,全域性屬性,表示該元素內部使用的文字是使用哪一種自然語言書寫而成。如果要用中文的話,lang="cmn-hans",簡體中文。

必須作為的子元素出現。

文件頭,內部的內容不會顯示到頁面上。

前端自學筆記06

1 學習目標 能寫出全部清除浮動的方式 能簡述定位的使用場景 能說出3種定位的特點 能寫出絕對定位的盒子居中的 能夠說出子絕父相的使用目的 為什麼沒有清除定位卻有清除浮動?因為定位有子絕父相,父盒子 會把位置佔好。2 定位模式轉換 3 css高階技巧 隱藏物件 display block 顯示某個元...

前端自學筆記(CSS部分1)

css是層疊樣式表的簡稱,全稱cascading style sheets,也叫級聯樣式表或者css樣式表。css和html一樣,也是一種標記語言,css 主要用於設定 html 頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局和外觀顯示樣式。css 讓我們的...

Web前端開發 自學筆記

一 html認知 1 html骨架標籤 1 html標籤 網頁的整體 2 head標籤 網頁的頭部 3 body標籤 網頁的身體 4 title標籤 網頁的標題 2 注釋 1 注釋的作用 為 新增的具有解釋性 描述性的資訊,主要用來幫助開發人員理解 瀏覽器執行 時會忽略所以的注釋 2 注釋的快捷鍵 ...