H5和CSS小總結

2021-09-21 02:27:21 字數 1222 閱讀 5888

h2   			

/*設定字型的大小*/

h1 /*設定字型的樣式*/

h2 /*引入字型*/

/**/

/*對字型的降級*/

/*在所有瀏覽器中都有幾種可用的預設字型。這些包括 monospace 、serif 和 sans-serif。

當某種字型不可用時,你可以讓瀏覽器將其 「降級」 為另一種字型。

例如,如果你希望元素使用 helvetica 字型,但是當 helvetica 不可用時也會降級為sans-serif 字型,則可以使用此css樣式:

p 現在,你可以注釋掉對google字型的使用,注釋掉link標籤,以使 lobster 字型不可用。請注意觀察它是如何降級為 monospace 字型的。*/

/*html 調整網頁裡大小*/

.larger-image

/*css 邊框具有 style(樣式)、color(顏色)、width(寬度) 等屬性。*/

.thin-red-border

/*背景顏色*/

.green-background

/*html 為標籤新增id屬性*/

#cat-photo-element

/*元素的 margin (外邊距)控制元素的 border(邊框)和周圍元素實際所佔空間的距離。如果將乙個元素的 margin 設定為負值,則元素將會變大。*/

/*css 允許你使用 padding-top、padding-right、padding-bottom 和 padding-left屬性來控制元素四個方向的 padding。*/

/*padding: 10px 20px 10px 20px;這四個值以順時針方式排列:頂部、右側、底部、左側,簡稱:上右下左*/

/*margin: 10px 20px 10px 20px;這四個值以順時針方式排列:頂部、右側、底部、左側,簡稱:上右下左。*/

/*css 多個class處理樣式覆蓋*/

/*class="class1 class2"*/

/*css 通過id的樣式屬性覆蓋class類的宣告*/

/*我是乙個p標籤!

garfield

sylvester

this button submits the form

indoor

123

loving

lazy

energetic

h5移動端css開發總結

font size 12px transform scale 10 12 需要注意這個方式雖然縮小了字型,但該文字元素所佔據的原寬高大小並不會跟著縮小,所以很多時候還需要考慮文字位置和間距的問題。一般文字位置需要結合 transform origin 屬性來設定。例如設定文字水平居左 垂直居中 tr...

H5和CSS3新增內容總結

css3選擇器有哪些?答 屬性選擇器 偽類選擇器 偽元素選擇器。css3新特性有哪些?答 1.顏色 新增rgba,hsla模式 文字陰影 text shadow 邊框 圓角 border radius 邊框陰影 box shadow 盒子模型 box sizing 背景 background siz...

H5問題總結

很多時候設計稿中的icon很小,但是實際製作頁面時,如果這個icon可操作,icon的可操作域應該做大一些,不然在裝置中會經常發生操作之後沒反應 其實是沒有觸發在操作域上 少掉坑,h5建議 0.很多時候設計稿中的icon很小,但是實際製作頁面時,如果這個icon可操作,icon的可操作域應該做大一些...