css學習筆記 一

2021-09-01 13:30:11 字數 1251 閱讀 2666

今天學習下文字字型相關的屬性

1:font-size 表明字型大小的 單位是px(畫素)

2:color:表示字型的顏色

3:font-style:表示字型的風格,這個屬性只有三個值可以設定

normal - 文字正常顯示

italic - 文字斜體顯示

oblique - 文字傾斜顯示

4:font-weight 表示文字字型的粗細 有如下屬性值

屬性值:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

其中正常的是normal 也可以設定成400 記住不要帶任何引數單位

bold是加粗的意思 等同於700

關鍵字 100 ~ 900 為字型指定了 9 級加粗度。如果乙個字型內建了這些加粗級別,那麼這些數字就直接對映到預定義的級別,100 對應最細的字型變形,900 對應最粗的字型變形。數字 400 等價於 normal,而 700 等價於 bold

上面是來自網上的一段話,自己可以設定相應的值檢查下 是ok的

5:font-family 表示規定字型系列  我們不是有什麼    宋體   微軟雅黑 等

6:text-align 表示文字內容居中 比如p標籤顯示了一段文字,但是我想要把這個文字在p標籤中居中其中常用的屬性值有

上面是給p標籤設定了width 500px,然後text-align為right ,還有乙個屬性值比較重要

justify:每一行被展開為寬度相等,左,右外邊距是對齊(如雜誌和報紙)

8:text-decoration 設定下劃線 有如下幾個屬性值

none:去掉下劃線

underline  下劃線

overline:上劃線

line-through:中劃線

blink:定義閃爍的文字

8:letter-spacing設定文字間的距離 單位是畫素

9:text-transform 文字轉換表示

CSS學習筆記一

css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制,屬於表現層的布局語言。然後在樣式表裡這樣定義 menubar 其中 menubar 是你自己定義的id名稱。注意在前面加 號。id選擇器也同樣支援派生,例如 menubar p 這個方法主...

css學習筆記(一)

1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ul li 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元素選擇器 如 e first ...

CSS學習筆記 一

什麼是文件流?對乙個網頁而言,body 元素下的任意元素,根據其前後順序,組成乙個個上下關係,這便是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁之中的位置。文件流是瀏覽器的預設顯示規則。什麼是浮動?float具有屬性值 left right none 當設定了 float 屬性後,浮動元素會被移...