CSS基礎學習(二)

2021-09-13 16:49:09 字數 1460 閱讀 4685

字型:顏色,通過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 屬性規定元素輪廓的樣式 顏色和寬度。可以按順...