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...