終於開始CSS了,終於可以不無聊了

2021-10-06 15:36:01 字數 2197 閱讀 7018

css(層疊樣式表)

選擇器   標點都是英文狀態下

css字型樣式屬性

font-size:字型大小大小

相對長度單位        說明

em                     相對於當前物件內文字的字型尺寸

px                      畫素,最常用,推薦使用

絕對長度單位        說明  

in                        英吋

cm                      厘公尺

mm                    公釐

pt                        點

font-family:字型樣式

用於設定字型  p

可同時制定多個字型,中間用逗號隔開(表示瀏覽器如果不支援第乙個字型,則嘗試下乙個字型,直到找到合適的)

使用技巧:

1、現在網頁中普遍使用14px+

2、盡量使用偶數的數字字型大小

3、字型間必須使用英文狀態下的逗號隔開

4、中文字型需要加引號,英文一般不需要。當設定英文本型時,英文本型必須位於中文字型名之前

5、字型名包含空格、#、$等符號,則該字型必須加英文狀態下的單引號或雙引號

6、盡量使用系統預設字型

css unicode字型

在css中設定字型名稱,可以直接寫中文

方案一:可以使用英文來代替 如font-family:"microsoft yahei"

方案二:可以在css中直接使用unicode編碼來寫字型名稱 

如 font-family:"\5fae\8f6f\96c5\9ed1" 表示設定字型為「微軟雅黑」

可以通過escape()來測試屬於什麼字型

font-weight:字型粗細

字型加粗可用b和strong標籤,css設定字型粗細無語義

可用屬性值:normal bold bolder lighter 100-900(100的整數倍)

數字400等於normal    700等於bold

font-style:字型風格

字型傾斜可以用i和em標籤,css設定字型風格無語義

normal:預設值,瀏覽器會顯示標準的字型樣式

italic:斜體的字型樣式

oblique:傾斜的字型樣式

font:綜合設定字型樣式

格式:選擇器

使用font屬性時,必須按上面的語法格式書寫順序,用空格隔開各屬性,不需要的屬性可省略,必須保留font-size和font-family,否則不起作用

css注釋

/*需要注釋的內容*/

開發者工具(chrome)

f12或shift+ctrl+i

ctrl+滾輪放大或縮小開發者工具**

左邊是html元素結構,右邊是css樣式

css樣式可以改動數值和顏色檢視更改後的效果

標籤選擇器(元素選擇器)

標籤名/元素名

例:p

類選擇器

使用「.」(英文點號)進行標識後面跟類名。

.類名標籤呼叫的時候用class=「類名」

類選擇器最大的優勢是可以為元素物件單獨或相同的樣式定義

小技巧:1、長名稱或片語可以試用中橫線來未選擇器命名

2、不建議使用「_」下劃線來命名css選擇器

3、不要純粹數字、中文等命名,盡量使用英文本母表示

多類名選擇器

給標籤定義多個類名,從而達到更多的選擇目的

注意:樣式顯示效果與html元素中的類名先後順序沒有關係,受css樣式書寫的上下順序有關;各類名中間用空格隔開

例:this paragraph is a very important warning.

id選擇器

使用「#」進行標識,後跟id名

#id名

元素的id值是唯一的,只能對應文件中某乙個具體的元素,用法與類選擇器基本相同

萬用字元選擇器

用「*」表示,所有選擇器中作用範圍最廣的,能匹配頁面中所有的元素

語法:*

例:*偽類選擇器

用於向某些選擇器新增特殊效果

鏈結偽類選擇器

:link        未訪問的鏈結

:visited    已訪問的鏈結

:hover     滑鼠移動到鏈結上

:active     選定的鏈結

書寫時順序按照  lvha

終於開始了!

很久之前就打算寫點什麼了,但是因為一些原因一直到現在才開始。首先自己慶祝下,終於開始了!自己決定寫些什麼的原因很簡單 乙個是記錄下自己的成長經歷,若干年後自己回頭再看的時候,恐怕會別是一番滋味吧 乙個是把學習 工作中遇到的知識點和疑難問題,總結記錄下來,分享出來,以饗後來 乙個是弘揚網路精神,像上面...

魔獸終於開始了。

魔獸世界終於開始公測了。化了4個小時,公升到了7級,感覺還不錯,就是地圖有點大,剛開始有點暈路,習慣就好。嗯,節奏也有點慢,發個魔法需要準備n秒鐘,暴雪不是也向靠這個託玩家時間吧?想當年,暗黑的年代,瞬移到牛牛們中間,嗖嗖的幾個nova倒下一片的年代是一去不復返了。唉,還是喜歡高節奏的遊戲啊,暗黑,...

終於可以復原魔方了

最近沒什麼事,找到家裡的乙個魔方,突然有一種想把它復原的衝動,也算是兒時的一夢想吧,於是baidu了下,找到乙個 還蠻全的 魔方小站http www.rubik.com.cn 復原過程如下 f front face 前面b back face 後面r right face 右面 l left fac...