Web前端 HTML CSS詳細概述!

2021-10-06 09:28:02 字數 1313 閱讀 5766

1.什麼是html?

w3c定義html全稱hypertext markup language是超文字標記語言,用於定義文件內容結構。

2.html元素

html是由多個元素組成。每個元素是由:

(①開始標記.②內容.③結束標記)組成。

例:不是所有元素都是由上面三個部分組成,空元素就不是。

空元素又叫自閉和元素、單標籤等。它沒有內容和結束標記,只有開始標記。

例:-----(用於在頁面中換行)

3.元素的層次結構

①.如果乙個元素放在另乙個元素裡叫巢狀。但兩個元素之間不能互相巢狀。

②.如果乙個a元素直接包含另乙個b元素,那麼a元素就是b圓的的父元素,b是a的子元素。(父子級只能是直接包含系)。

③.如果乙個a元素直接或間接包含另乙個b元素,那麼a元素是b元素的祖先元素,也是父元素。b是a的後代元素,也是子

元素。④.如果兩個或兩個以上的元素有同乙個父級元素,他們互稱為兄弟元素。

4.html注釋

注釋用於描述**功能,瀏覽器會自動忽略,不會展示給使用者。**為習慣書寫注釋,方便開發者及維護

檢檢查、閱讀**,對工作產生巨大幫助。

5.文件宣告

文件宣告既不是元素也不是注釋,它總是出現在html**第一行。**為 文件宣告用於告知瀏覽器由哪

個版本來解析文件,此**為html 5 版本。

css全稱casading style sheets 是層疊樣式表,用於定義html的文件樣式/外觀。是頁面表現的基礎,可以控制布局,控制

元素渲染。

css**是由乙個乙個規則組成的。乙個規則由選擇器+宣告塊組成的。示例**:h1

宣告塊是由一條一條的宣告組成的,宣告是由屬性名屬性值組成,間隔符號是冒號,結束符號是分號。

例:需求:對乙個div標籤設定寬度300畫素,高度400畫素,背景色為紅色,並且div內容為「我是div標籤」

步驟1.在html檔案中寫乙個div標籤

我是div標籤

重新整理網頁時就會出現如上需求的乙個div快去動手嘗試吧!

1.使用外部樣式。在html檔案2.使用內部樣式。在html檔案3.使用行內樣式。想對哪個標籤新增樣式就在html中哪個標籤的開始標記裡用

web前端之html css基礎

b 加粗 strong 加粗 i 傾斜 em 傾斜 u 下劃線 ins 下劃線 span 不換行 p 段落 換行 div 布局 h1 一級標題 del 刪除線 s 刪除線 href a 超連結 li 無序列表 li 有序列表 專案標題dt 專案描述dd 專案列表 dl 空格字元實體 cellspac...

web前端html css常用布局02

廣東省 交易中心是由廣東省國資委出資控股的唯一一家省級 交易平台。現為中國 協會常務理事單位 廣東省 投融資協會會長單位 廣東省 協會副會長單位 廣東省有色金屬行業協會副會長單位。交易中心結合 廣東的地域特點和產業優勢,創新開展 現貨電子交易業務,致力於打造聯接粵港澳的跨境人民幣 現貨電子交易市場,...

WEB前端 HTML CSS基礎前十題

結構層 由 html 或 xhtml 之類的標記語言負責建立,僅負責語義的表達。解決了頁面 內容是什麼 的問題。表示層 由css負責建立,解決了頁面 如何顯示內容 的問題。行為層 由指令碼負責。解決了頁面上 內容應該如何對事件作出反應 的問題。ie6盒子模型與w3c盒子模型 文件中的每個元素被描繪為...