關于css3的屬性選擇器的理解,css文本屬性有哪些?
1、css文本屬性之文本中大小寫字母轉換—text-transform
屬性值:
uppercase;(全部大寫)
lowercase;(全部小寫)
capitalize;(在所有小寫單詞中,首字母大寫)
p{text-transform:uppercase;}
2、css文本屬性之文本居中——text-align
屬性值:
center;(居中)
left;(左邊對齊)
right(右邊對齊)
p{text-align:center;}
3、css文本屬性之段落縮進—–text-indent
em(是以字為單位),±都可以
p{text-indent:3em;}
4.css文本屬性之設置文字裝飾效果——text-decoration
屬性值:
none(去掉下劃線)
underline(加下劃線)
overline(加上劃線)
line-through(加刪除線)
a{text-decoration:none;}
5.css文本屬性之設置段落行高—-line-height
屬性值:百分比,px,數字
a{line-height:13px;}
6.css文本屬性之設置字詞間距
word-spacing(只對英文有用)
letter-spacing(漢字和英文都可以)
p{letter-spacing:16px;}
7.css文本屬性之段落間距-margin
p{margin:66px;}
8.css文本屬性之邊框——border
屬性值有三個:大小,顏色,樣式;
邊框樣式有:solid(實線),dashed(虛線),dotted(點線)
p{border:3pxlightgreensolid;}
9.css文本屬性之空格——white-space
屬性值:
pre;(與預設一樣)
nowrap;(文字不自動換行)
inherit;(繼承父本)
normal;(顯示一個)
p{white-space:pre;}
10.css文本屬性之設置輸入法狀態-ime-mode
屬性值:
auto;默認
active;激活本地語言輸入法;
inactive:激活非本地語言輸入法;
disabled;禁止輸入法,不能輸入漢字
你是要學習相關知識嗎?推薦你去優就業!
css鼠標懸浮變色原理?
1、首先新建一個html文件,命名為test.html,在test.html文件內,使用table標簽創建一個表格,用于測試。
2、在test.html文件內,設置table標簽的class屬性為mytable,同時設置邊框為1px。
3、接著在css標簽內,通過class設置表格的樣式,定義它的寬度為300px,高度為200px。
4、在css標簽內,通過td元素名稱和“:hover”選擇器定義當鼠標指向單元格時,改變單元格的背景顏色,設置為紅色。
5、最后在瀏覽器打開test.html文件,鼠標經過之后,即可變色。
0
css3三種使用方法?
內嵌式:用法:當人們只是要定義當前網頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯樣式表,“嵌”在網頁的 標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。
外部式:用法:當要在站點上所有或部分網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網頁上。
行內樣式:行內樣式就是直接把CSS代碼添加到HTML的標記中,即作為HTML標記的屬性標記存在。通過這種方法,可以很簡單地對某個元素單獨定義樣式。
html5的CSS3選擇器中?
選擇父級下第一個元素和最后一個元素如:
aaaabbbbcccccdddd.list li:first-child{color:#f00;} //只有aaa變紅色.list li:last-child{font-weight:bold;} //只有dddd變粗體