css權威指南 讀書筆記

2022-08-27 13:33:08 字數 1359 閱讀 7944

網上看見推薦的書總是喜歡買回家,但是大多數時候都不會立即就看,都是在書櫥裡蒙上了一層灰塵。從畢業到現在,由於公司業務原因,寫js多餘css,所以就想系統地看看css,並且做一些練習,於是就開始看《css權威指南》,看到了第六章,初步感覺,對於工作一年的我來說,很簡單,當然也有一些我不熟悉的知識點,於是整理了下來。

一、@import

1、放在style容器中,且在其他css規則之前

2、每個人@import指令的樣式都會載入使用

二、選擇器

1、:first-letter 用於選取指定選擇器的首字母

2、選擇器的優先順序

(1)用id選擇器設樣式:0,1,0,0

(2)用類選擇器、屬性選擇器、偽類:0,0,1,0

(3)用元素選擇器、偽元素:0,0,0,1

(4)萬用字元選擇器、連線符:0,0,0,0

3、偽類vs偽元素

作用相同,偽元素包括 :before、:after、:first-letter、:first-line

偽類包括 :link、:visited、:hover、:focus、:active、:first-child、:lang

三、值和單位

1、web安全色

指在256色計算機上總能避免抖動的顏色

用rgb表示的話,百分比要能被20%整除,整數要能唄51整除

十六進製制法表示,使用值 00、33、66、99、cc和ff的三元組

2、字型使用引號

一般情況下是不用使用引號的,當字型中

(1)存在空格,如new york

(2)存在%、$之類的符號

的時候,需要用引號來加以區分

四、字型

font中的屬性,前三個包括font-style、font-weight、font-variant,順序隨意,而且值為normal時可以忽略不寫;後兩個值為font-size和font-family,順序不能顛倒,且為必須項。line-height也可以寫在這個屬性中,在font-size後面加 /line-height 即可

五、文字屬性

1、縮排 text-indent

最常用的首行縮排

2、行高line-hright

line-hright比較好的用法是給乙個數字,這樣縮放因子將是乙個繼承值,根據自己的font-size計算line-height

3、vertiral-align 

用於於行內元素和表單元素

4、文字轉換 text-transform

引數:uppercase、lowercase、capiticalize(首字母大寫)、none、inherit

《CSS權威指南》讀書筆記

第二章 選擇器 第三章 結構和層疊 第四章 值和單位 第五章 字型 第六章 文字屬性 第七章 基本視覺格式化 第八章 內邊距邊框和外邊距 第九章 顏色和背景 第十章 浮動和定位 第十一章 表布局 第十二章 列表與生成內容 第十三章 使用者介面樣式 第十四章 非螢幕 import url sheet....

Http權威指南讀書筆記

1.1 http使用的是可靠的資料傳輸協議。1.3 型別 mime型別 multipurpose internet mail extension多用途網際網路郵件擴充套件 是為了解決在不同的電子郵件系統之間搬移報文時存在的問題。mime在電子郵件系統中工作得非常好,因此http也採納了它,用它來描述...

《HBase權威指南》讀書筆記1

關於排序 排列順序如果跟預期的不一樣,需要補鍵,比如 row 1 永遠小於 row 2,無論後面是什麼,將始終按照這個順序排列 這有可能影響到balance策略,假設你根據時間戳來做rowkey,那麼會出現最後乙個節點,資料不斷增加而前面的節點資料不變,這個過程會持續到達到rebalance的閥值,...