《字詞間距和文本縮進》
Letter-spacing:表示字間距簿姨。單位可以是px也可以是em堕扶;
Word-spacing:詞間距爱沟;注釋:實際上這個東西設置的就是空格的大小徊件。
Text-indent:表示文本縮進奸攻; 一般的值是 2em表示縮進兩個字蒜危。
總結:對于一段文本來講如果文本內(nèi)沒有空格那么詞間距是不會生效的。但是字間距在任何時候都會生效睹耐。
【CSS繼承性和層疊性】
Css的鍵值對屬性分為兩大類文字控制屬性和區(qū)塊控制屬性辐赞,然后由于所有的文字控制屬性都是控制的內(nèi)容,所以說所有文字控制屬性都具備繼承能力硝训,簡單的說就是你給父級寫所有的子集也能生效响委。 但是由于所有的區(qū)塊控制屬性都是控制的自身所以區(qū)塊控制屬性不會繼承。
《層疊性》
簡單的說就是CSS先寫的屬性會被后寫的屬性覆蓋掉窖梁,那么這個性質(zhì)就叫CSS的層疊性赘风。利用這個性質(zhì)將來可以對項目中的某些CSS模板進行重寫而不去修改它內(nèi)部的代碼。
【超鏈接的偽類】
簡介:偽類表示一種狀態(tài)纵刘,或者一種功能邀窃,它并不是默認的普通樣式,它的樣式必須在被觸發(fā)以后才會生效彰导。
a:hover ?表示當鼠標移上超鏈接以后的樣式蛔翅;
在css中所有的偽類都是以冒號開頭的。
a:visited 表示訪問過的超鏈接樣式 ?(現(xiàn)在這個偽類企業(yè)站幾乎不用位谋。你寫個人站的時候盡量不要加除非遇到特殊需求)
【復合選擇器的權重】
簡介:復合選擇器就是由多個基礎選擇器組成的復雜選擇山析。在實際制作網(wǎng)站的過程當中由于網(wǎng)站比較復雜會產(chǎn)生大量的復合選擇器,有的復合選擇器會比較長掏父。所以會產(chǎn)生復雜的權重問題笋轨。一定要注意復合選擇器的權重和css的層疊性質(zhì)無關。
注意事項:當選擇器的權重相同的時候才會產(chǎn)生層疊性的關系后寫的會覆蓋先寫的赊淑,但是當選擇器的權重不同的時候肯定是權重更高的樣式條會生效爵政。
《復合選擇器權重計算方法》
第一:你可以通過火狐直接審查元素來看 右側css樣式中最上面的就是權重最高的。
第二:自己計算的方法
互聯(lián)網(wǎng)上的一個權重計算公式陶缺;
一個標簽選擇器 = 1克钾挟;
一個類選擇器 = 1斤;
一個id選擇器 = 1噸饱岸;
【溢出隱藏】
簡介:這個屬性非常重要掺出,將來會經(jīng)常用來調(diào)試css的兼容或者分區(qū)的一些高度計算錯誤都可以靠它來解決。
基本結構: overflow:hidden苫费; 表示超出的尺寸會被修剪掉(隱藏)
它還有另外的一個值是auto汤锨;作用是可以讓超出的地方自動添加一個滾動條。
注意事項:當你希望實現(xiàn)真正的溢出隱藏效果的時候千萬切記一定要事先指定好固定的寬高百框。否則是不生效的闲礼。
【外邊距塌陷】
簡介:外邊距確實有這樣的一個現(xiàn)象就叫做外邊距塌陷,發(fā)生情況當兩個盒子的垂直外邊距緊挨在一起的時候就會自動發(fā)生合并,合并的結果以最大的外邊距為主不是相加柬泽。我們可以認為這是瀏覽器中存在的一個bug慎菲,而且只有垂直外邊距才會發(fā)生,水平外間距不會發(fā)生此問題聂抢。
《解決方法》
外邊距塌陷有兩種情況一個是垂直排列的盒子上下外邊距發(fā)生合并钧嘶,這種情況不用解決,不會造成麻煩琳疏;
情況2:嵌套的盒子內(nèi)部的盒子添加margin-top的時候會將外部的盒子帶下來有决,產(chǎn)生外邊距合并。 這種情況較多發(fā)生 解決方法 ?給外邊的盒子添加overflow:hidden屬性即可空盼;(將內(nèi)部的小盒子浮動有時候也可以解決)
【CSS屬性整理】
文字控制類屬性
屬性名稱
作用
備注
color
文本顏色
font-size
字號
Font-family
字體
Font-weight
文本加粗
值bold
Text-align
文本對齊方式
Text-decoration
文本裝飾
值:underline书幕,overline,line-through,下上中
Font-style
文本風格
Italic文本傾斜
Line-height***
行高
值跟容器一樣大可以垂直居中
Text-indent
文本縮進
值2em
Letter-spacing
字間距
Word-spacing
詞間距
控制空格的大小
區(qū)塊控制屬性
屬性
作用
備注
width
寬
height
高
background
背景色
值:顏色 圖片 平鋪方式 水平位置 垂直位置 圖片模式揽趾;
平鋪方式:repeat台汇,no-repeat,repeat-x,repeat-y
圖片模式:fixed;
display
顯示模式
Inline篱瞎,block苟呐,inline-block
float
浮動對齊方式
只有左右,浮動的標簽顯示模式會自動轉為行內(nèi)塊
border
邊框
值:粗細 固態(tài) 顏色;
margin
外邊距
有外邊距塌陷的bug俐筋;
padding
內(nèi)邊距
Padding沒有塌陷的毛睬K亍;
以上這3個屬性都可以通過 top澄者,left笆呆,right,bottom來單獨設置某一個方向的距離
overflow
溢出隱藏
值:hidden粱挡,auto赠幕;
List-style
列表樣式
值:none;