初步學習css 從css手冊看起 Font

2022-07-09 23:57:14 字數 1329 閱讀 1275

其實學css還是有兩個星期了吧,但是自己在上班,雖說這段時間不是很忙,加上自己還是實習,所以呢還是有空餘大把時間來學習的。

自己還是一邊學一邊寫下筆記吧!加深印象,介個難免回忘記的~

css properties reference (樣式表屬性)

font(字型)

font基本的語法: font-style:字型樣式  font-variant:把小寫的字母變成大寫的字母  font-weight:字型的粗細

font-size:字型的大小  line-height:字型的行高  font-family:字型樣式是宋體還是黑體等等

letter-spacing :兩個字的間距  

text-decoration:文字的裝飾。  

text-transform:設定字型的大小寫

text-underline-position :設定字型的上下劃線  font-shadow:設定字型的陰影及模糊效果

word-spacing:單詞之間插入的空格數

在屬性font-weight中:bolder說是特粗體...可是介個... 我是在沒看出來呀。看起跟bold效果都差不多呀。在設設值的時候,在0-599是感覺都是一樣的,在值設定到600的時候字型都加粗了。然後600到以後不管多大都是一樣的粗。為嘛捏??結果在網上查才知道,由於系統作了最相近的匹配,因此看不出有font-weight什麼不同。font-weight值達到400就屬於normal 正常字型了,而達到700時就是粗體了。但是為什麼在600還是粗體呢 ?而在900時就是最大限量了。

在屬性font-shadow:

設定字型陰影的效果時, style=" font-size:14px; text-shadow:0 0 5px #ff0000;"

tyle="color:#fffff;filter: dropshadow(color=#ff0000, offx=5, offy=5, positive=yes);"

(offx和offy分別是x方向和y方向陰影的偏移量,positive是乙個布林值,如果為yes(非0),那麼就可看見影子啦~) 咦,通過濾鏡的方法建立字型的影子o(╯□╰)o

效果圖:

不過看起還是木得火狐的好看!剛剛提到濾鏡,dropshadow這只是其中一種而已

這個是昨天寫的,儲存在草稿箱的~

(ps:繼續!!只是自己初步的學習,有很多不足,希望體諒,給建議啦)

css學習手冊

選擇什麼樣的doctype 開始製作符合標準的站點,第一件事情就是宣告符合自己需要的doctype。檢視本站首頁原 可以看到第一行就是 開啟一些符合標準的站點,例如著名web設計軟體開發商macromedia,設計大師zeldman的個人 會發現同樣的 而另一些符合標準的站點 例如k10k.net ...

css學習手冊 CSS布局入門

css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位,通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...

CSS 初步學習(1)

通過標籤修改樣式的缺點 1.需要記憶標籤和屬性,如果該標籤沒有這個屬性,那麼設定也沒有效果 2.需求變更時,需要修改大量 才能滿足現在的需求 3.html只有乙個作用就是新增語義 所以在企業開發中,修改樣式都是交給css來做。type text css 標籤名稱 style tips 格式 font...