HTML CSS高階學習摘錄(效能優化)(七)

2021-08-03 13:49:00 字數 588 閱讀 2045

1、盒模型縮寫(border padding margin)

2、背景縮寫

3、字型縮寫

font:"微軟雅黑" 12px/1.5em bold

4、顏色值縮寫

color: #000

1、空白符

2、結尾分號

3、url的引號

4、屬性值為0(可不新增單位)

5、屬性值為以0開頭的小數

6、合併相同的定義

7、利用繼承進行合併

1、瀏覽器對選擇器規則是從右到左解析的。

2、不同選擇器的解析速度

id選擇器》class選擇器》元素選擇器》相鄰選擇器》子選擇器》後代選擇器》萬用字元選擇器》屬性選擇器》偽類選擇器

(1)不要使用萬用字元

(2)不要在id選擇器以及class選擇器前新增元素名

(3)選擇器最後不要超過三層,位置靠右的選擇條件盡可能精確。

(4)避免使用後代選擇器,少用子選擇器。

HTML CSS高階學習摘錄(文字效果)(四)

1 text indent 2em 實現段落首行縮排 2 text indent 9999 px 隱藏標題h1內容,使用logo作為h1的背景。display none 隱藏元素,搜尋引擎會直接忽略 搜尋引擎優化 text align對文字 inline元素以及inline block元素起作用,但...

高階視點 摘錄

突然發現能看的懂程式設計師雜誌了,有些文章 語言對自己似乎有所觸動和啟發,有種字字珠璣的感覺。摘錄部份文章片斷以做收藏。一 軟體不是 二 面向服務體系的理念 以上兩段摘於 soa 從應用開始 普元軟體公司創始人 董事 兼首席技術官 黃枊青 四 按照建立的價值高低及所造成的影響可分為三個層面 持續創新...

HTML CSS筆記 CSS高階

我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。語法 body 這裡注意不要設定不常用的字型,因為如果使用者本地電腦上如果沒有安裝你設定的字型,就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地電腦上是否安裝你設定的字型。現在一般網頁喜歡設定 微...