HTML5與CSS3基礎教程 筆記

2021-07-17 03:48:16 字數 609 閱讀 4048

1.**構造塊

3.基本html結構

頁面字元編碼很重要,例如如果沒有設定utf-8,可能很多字元都會亂碼

語義化標籤-以下標籤為html5新引入

出於seo和可訪問性的目的,最好將重要的內容放在前面,通過css來改變他們在瀏覽器中的順序

4.文字

5.影象

無損 jpeg不支援透明,png/gif均支援透明

6.鏈結

7.css構造塊

10.為文字新增樣式

11.用css進行布局

position屬性使用absolute值如果不指定top/bottom/left/height的值則元素的位置會如同屬性設定為static,只不過是元素本身不佔據文件流中的空間

background會延伸到邊框的後面

visibility隱藏元素時元素仍然佔據文件流位置,而display:none會將元素從文件流中移除

元素屬性(非css)中的hidden所產生的效果和display:none相同

z-index僅對定位過(即position設定為absolute/fixed/relative)的元素有效

12.構建響應式**

13.使用css3進行增強

HTML5與CSS3基礎教程 第7章 CSS構造塊

html5與css3基礎教程 第8版 第7章讀書筆記 rem單位 10.6章節。hsl rgba hsla格式是在css3引入的 rgb不是 css3還擴充套件了原有的16個基本顏色名稱。使用css優先順序適配老瀏覽器 p137 比如css的alpha透明度是在ie9之後才支援的,可以通過css的優...

HTML5與CSS3基礎教程 前言筆記

漸進增強 一種最佳實踐。全球資訊網的普適性 全球資訊網上的資訊應該能被所有人訪問。漸進增強 progresive enhancement 的理念能幫助你構建具有普適性的 這不是一門語言,而是一種建站方法,它由steve champeon於2003年提出 乙個基本的html頁面,未對其應用任何自定義的...

HTML5與CSS3基礎教程 第16章 表單

html5與css3基礎教程 第8版 第16章讀書筆記 前端表單驗證,不能完全代替伺服器端驗證,因為舊的瀏覽器或禁用js的瀏覽器不會執行客戶端驗證。h5新增表單控制項 email,tel,url。fieldset和legend p324 327 如果表單上有很多資訊需要填寫,可以使用fieldset...