字型:顏色,通過color屬性來指定,合法的顏色表示都可以。
字型種類:通過屬性font-family來指定。同時還可以引入web字型,也就是非本地的字型,web字型可以提供更多樣的文字,具體方法為:
@font-face
p
字型大小:通過屬性font-size設定,常用的單位是px和em。
字型樣式:font-style(italic,nomal,oblique)。
字型粗細:font-weight,有bold,normal。
文字轉換:text-transform(none,uppercase,lowercase,capitalize,full-width)
文字裝飾:text-decoration(none,underline,overline,line-through)。
文字布局:
文字對齊:text-align(left,right,center)。
行高:line-height(行高=上間距+文字大小+下間距),單位是px。
font簡寫:
語法是:
選擇器//順序不能顛倒
列表特定樣式:list-style-type:disc(實心圓)circle(空心圓)square(實心方塊)decimal(阿拉伯數字)lower-alpha(小寫字母)upper-alpha(大寫字母)。 專案符號的位置:通過list-style-position來指定,其值有outside和inside,outside就是看標號和li不是一體,inside就是標號和li的內容是一體的。 使用自定義的專案:通過background屬性來指定: background-color:背景顏色 background-position:背景的位置 background-size:背景的尺寸。 background-repeat:如何重複背景影象。 background-image:插入背景,url(相對路徑或者絕對路徑)。
綜合上述的知識寫了乙個非常醜的頁面: (弄混了好多,模組的型別應該寫在css檔案裡面的,不是在html檔案裡面)
//htmll檔案
已簽到1天
訊息章魚燒11
收藏遊戲中心
關注的小組
我的會員
購買章魚燒
>
充值記錄
>
消費記錄
>
>
//css檔案
fieldset.one
fieldset.two
span.one
span.two
span.three
abody
醜陋的效果是這樣:
(好想再看一遍《同級生》)
css基礎學習筆記(二)
一 css背景 背景色p p 背景色從元素中的文字向外少有延伸,只需增加一些內邊距 背景影象 body p.flower 背景重複 body 背景定位 關鍵字 top bottom left right 和 center,通常成對使用,預設為center p百分數值 影象中心與其元素的中心對齊。換句...
前端學習之路CSS基礎學習二
1 width 為元素設定寬度 2 height 為元素設定高度 ps 塊兒級標籤才能設定長寬行內標籤設定長寬沒有任何影響 p 字型樣式 關鍵字 font family 作用 更改字型的樣式 字型大小 關鍵字 font size 作用 更改使用者的字型大小 p 文字顏色 關鍵字 color 作用 更...
CSS系統學習二(基礎)
學習內容來自w3school css 列表屬性允許你放置 改變列表項標誌,或者將影象作為列表項標誌。css 屬性可以幫助您極大地改善 的外觀。輪廓 outline 是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。css outline 屬性規定元素輪廓的樣式 顏色和寬度。可以按順...