css對字元的操作小結

2021-09-30 11:35:16 字數 1938 閱讀 8424

0.乙個小綜合

1.讓文字居中 style裡text-align:

text-align:center;

left、right 和 center 

2.強制改變文字在td裡的位置

text-indent:50px;  

line-height:40px;---------距離邊框上邊的距離  注意:這裡調的100px相當於正常的大概40px一樣 有縮短的比例

3.改變文字跟在td裡的位置(不在style裡),注意是屬性 不是在style裡

align="center"使水平居中

valign="middle"使垂直居中

文字居中現實**

3.1.table中的td裡的style的文字操作

text-align 屬性設定水平對齊方式,比如左left對齊、右對right齊或者居中center:

vertical-align 屬性設定垂直對齊方式,比如頂部top對齊、底部bottom對齊或居中middle對齊:

3.5.文字大小font-size:30px;

style="font-size:30px;"設定輸入框內字型大小

4.文字的顏色

color:#fff;

5.文字的粗細

font-weight:bold;

關鍵字 100 ~ 900 為字型指定了 9 級加粗度

數字 400 等價於 normal,而 700 等價於 bold

6.字母間隔letter-spacing

預設是0

h1 h4

7.字間隔word-spacing

預設是0

7.5文字兩行之間距離  行間距

p8.字元轉換大小寫

text-transform 屬性處理文字的大小寫。這個屬性有 4 個值:

none

uppercase

lowercase

capitalize

預設值 none 對文字不做任何改動,將使用源文件中的原有大小寫。顧名思義,uppercase 和 lowercase 將文字轉換為全大寫和全小寫字元。最後,capitalize 只對每個單詞的首字母大寫。

9.文字裝飾

接下來,我們討論 text-decoration 屬性,這是乙個很有意思的屬性,它提供了很多非常有趣的行為。

text-decoration 有 5 個值:

none

underline

overline

line-through

blink

不出所料,underline 會對元素加下劃線,就像 html 中的 u 元素一樣。overline 的作用恰好相反,會在文字的頂端畫乙個上劃線。值 line-through 則在文字中間畫乙個貫穿線,等價於 html 中的 s 和 strike 元素。blink 會讓文字閃爍,類似於 netscape 支援的頗招非議的 blink 標記。

none 值會關閉原本應用到乙個元素上的所有裝飾。

10.字型風格

font-style 屬性最常用於規定斜體文字。

該屬性有三個值:

normal - 文字正常顯示

italic - 文字斜體顯示

oblique - 文字傾斜顯示

11. font-family:"微軟雅黑"

12.字型具體調色

color:rgb(100,245,332);

13.  12號字對應多少px

一號等於4/3px

所以12號字等於

直接12 乘以4/3

14.間距

letter-spacing和word-spacing

css設定字間距由

letter-spacing和word-spacing這兩個屬性來控制,

它們分別設定字母間距和單詞間距。

對於中文來說,調整漢字之間的距離是使用letter-spacing屬性

jQuery對select操作小結

遍歷option和新增 移除option function changeshipmethod shipping else 取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 tests...

jQuery對select操作小結

取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 testselect val 記性不好的可以收藏下 1,下拉框 稍微解釋一下 1.select name country optio...

jQuery對select操作小結

jquery對select操作小結 更多選擇記錄 取得下拉列表的選取值 testselect option selected text 或 testselect find option selected text 或 testselect val 記性不好的可以收藏下 1,下拉框 稍微解釋一下 1....