1.css文字樣式
以下內容均為填入中的樣式
<
divstyle
=「***x;」
>
設定下劃線,刪除線,頂劃線
text-decoration
:樣式屬性值:
none 無
underline 下劃線
line-through 刪除線
overline 頂劃線
設定文字大小寫
text-transform
屬性值:
lowercase
全小寫capitalize
單詞首字母大寫
uppercasee
全大寫設定小型大寫字母
font-variant
:字母狀態
屬性值:
normal
正常狀態
small-caps
小型大寫字母
首行縮排
text-indent
:縮排距離
屬性值:
px,em,rem,百分比
文字預設字型大小16px
1em=16px=乙個漢字的大小
文字水平對齊方式
text-align
:對齊方式
屬性值:
left
左對齊(預設)
center
居中對齊
right
右對齊設定行高
line-height:行高
屬性值:
px,em,rem,百分比
設定字距/詞距
letter-spacing
: 字母間距
word
-spacing:詞距
2.字型樣式
設定字型型別
font-family:字型
設定字型粗細
font-weight:粗細
font-weight:設定字型粗細
屬性值:
可以用單詞也可以用數值
100200
300lighter
normal
400bold
700bolder
800900
設定字型樣式
font-style:樣式
屬性值:
normal
正常字型
italic
斜體oblique
字型傾斜
設定字型顏色
color:顏色
3.背景樣式
設定背景顏色
background-color:顏色
設定背景
background-image
:url(路徑)
設定是否平鋪
background-repeat
:是否平鋪
屬性值:
repeat
平鋪(預設)
no-repeat
不平鋪repeat-x
只在水平方向平鋪
repeat-y
只在垂直方向平鋪
設定背景的位置
background-position:位置
屬性值:
1.left,right,top ,bottom,center兩兩組合的九個位置
2. x% y%(百分比)
3.xpx ypx(畫素值)
js 獲取非行間樣式
1 getcomputedstyle nodeobj,false 該方法是bom物件,第乙個是要獲採樣式的節點物件 第二個可以寫成任何的字元一般寫成false或者null,這裡最好是用false因為用null ie9 會有問題 後面直接跟要獲取的樣式 寫在方括號中 即可 var style getc...
css控制行間距
字型的選用要考慮該文字的用途,是做標題呢,還是段落文字?通常來說 san serif 字型適合作為標題使用,例如 arial serif 字型適合作為段落文字使用,例如time new roman。對於網頁設計來說,有幾個字型是我強烈推薦的,verdana,tahoma,ge ia。事實上,像 ve...
js入門知識(非行間樣式 陣列)
1 函式返回值 arguments 2 非行間樣式 currentstyle 當樣式不在行內時,如 在中 currenstyle ie中相容 getcomputedstyle 函式,false 火狐 谷歌相容 3 陣列基礎知識 定義 var a 1,2,3 新增刪除陣列 push 給尾部新增 pop...