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;禁止輸入法,不能輸入漢字
你是要學習相關知識嗎?推薦你去優就業!
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
.h1是類選擇器
#h1是id選擇器
h1是標簽選擇器
派生選擇器 可以使一個元素里的子元素定義樣式 例如: li a { font-size:14px} 就是給li下的子元素a定義一個14px號像素的字體樣式 類別選擇器 在html中引入css樣式通常由,類別選擇器 在CSS中用一個“.”點開頭表示 如:.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用class="類別名"的方法調用: 這里是內容 類別選擇器方法比較簡單靈活,可以隨時根據頁面的需求新建和刪除 還有,id選擇器 在CSS中用“#”號開頭表示 如:#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用id="類別名"的方法調用: 這里是內容 id選擇器和類別選擇器其實是一樣的 通常id選擇器僅是用來表示不重復的樣式 相對的來說,類別選擇器靈活一些,而id選擇器僅表示重要的樣式字段