CSS個(gè)人總結(jié)筆記（收藏吧）

1、css個(gè)人總結(jié)筆記（收藏吧）css個(gè)人總結(jié)筆記（保藏吧） 內(nèi)部樣式要寫(xiě)在標(biāo)簽之間 樣式 link這個(gè)也要放在之間第一種：import " 挺直寫(xiě)css文件路徑"其次種：import url(寫(xiě)樣式表文件路徑)一、挑選器1.派生挑選器例如：(挑選div里面的span)div span給樣式哈哈哈2.還有列如：(p和a 都挑選)p,a給樣式你好1你好二、背景色彩：background-color: ccc;background意思是背景color 意思是色彩背景：background-image: url(寫(xiě)路徑);background-repeat: repe

2、at-y;repeat 意思是重復(fù)平鋪repeat-y 意思是按y軸平鋪repeat-x 意思是按x軸平鋪background-repeat:no-repeat 意思是不平鋪background-position(設(shè)置背景圖像在網(wǎng)頁(yè)上的位置。)background-position：center;(意思是定位的位置)1.center（居中）2.top （上）3.right (右)4.left (左)5.bottom (下)background-position:50% 50%;(這種辦法也可以使背景居中)background-attachment:fixed(使背景固定不隨滾動(dòng)條走)fixed

3、(意思是固定的)attachment(意思是附在那里的意思)background-size (規(guī)定背景的尺寸是css3的)size 意思是尺寸屬性： 1.contain(把圖像圖像擴(kuò)展至最大尺寸，以使其寬度和高度徹低適應(yīng)內(nèi)容區(qū)域 )意思就是按等比例縮放填滿區(qū)域2.cover(鋪滿區(qū)域)3.percentage(以父元素的百分比來(lái)設(shè)置背景圖像的寬度和高度)注重：假如只設(shè)置一個(gè)值，則其次個(gè)值會(huì)被設(shè)置為 "auto"。css個(gè)人總結(jié)筆記（保藏吧）三、字體這里要注重引號(hào)嵌套時(shí)外層要用雙引號(hào)內(nèi)層要用單引號(hào)font-family:"微軟雅黑&q

4、uot;,"字體二","字體三".;(定義字體)定義多個(gè)字體的益處就是系統(tǒng)會(huì)默認(rèn)從第一個(gè)字體開(kāi)頭找，假如系統(tǒng)沒(méi)有這個(gè)字體則默認(rèn)用法掃瞄器設(shè)定的字體font-style:normal;(定義字體如何顯示)normal(是正常顯示)italic(文本傾斜顯示)font-weight：900； （設(shè)置文本的粗細(xì)）weight(意思是分量的意思)默認(rèn)值：normal 等于400還可以設(shè)置為 bold 等同于700注重：設(shè)置文本粗細(xì)的值為： 100 900 為字體指定了 9 級(jí)加粗度f(wàn)ont-size:50px;(設(shè)置文字的大小)單

5、位有：px em1em=16像素2em 等于當(dāng)前字體尺寸的兩倍。四、文本text-indent:;text(文本)indent(縮進(jìn))單位：empx注重：可以設(shè)置為負(fù)值。利用這種技術(shù)，可以實(shí)現(xiàn)無(wú)數(shù)好玩的效果，比如懸掛縮進(jìn)，即第一行懸掛在元素中余下部分的左邊：text-align (用于文本的對(duì)齊)align(意思是羅列)后面的屬性有：1.left(左對(duì)齊)2.right(右對(duì)齊)3.center（居中）4.justify(像word文檔里面的兩端對(duì)齊)word-spacing(設(shè)置轉(zhuǎn)變字（單詞）之間的標(biāo)準(zhǔn)間隔)spacing(間隔)單位： empx用法這個(gè)無(wú)論是詞語(yǔ)還是文字都必需有空格才干實(shí)現(xiàn)

6、效果。列如：(你好 歡迎你來(lái)到 我的工作室。)text-decoration(普通用法于去掉下劃線)decoration(裝點(diǎn)的意思)屬性：1.none 去掉下劃線2.underline (添加下劃線)3.overline (添加上面劃線)4.line-through (穿過(guò)一條線，普通多用于打折的價(jià)格劃一條線)5.blink (閃耀的)line-height(用于設(shè)置行高)letter-spacing 字母間隔五、a標(biāo)簽的一個(gè)樣式a:hover (鼠標(biāo)指針位于鏈接的上方)使用：a:hoverfont-size：20px;當(dāng)鼠標(biāo)滑上去的時(shí)候字體變大20px。六、列表列表樣式：如何去掉無(wú)序列表前

7、面的小圓點(diǎn)：list-style:none;七、表格：table, th, tdborder: 1px solid blue;border：邊界 邊框1px 定義邊框的粗細(xì)solid 定義實(shí)線blue 定義色彩border-collapse:collapse;(將邊框折疊為單一邊框)border-spacing:50px;(將格與格之間的間距拉開(kāi)，但是是邊框線沒(méi)有合并的狀況下才干生效)八、行內(nèi)元素轉(zhuǎn)換為塊元素display:block;block 使其轉(zhuǎn)化為塊元素inline 使其轉(zhuǎn)化為行內(nèi)元素九、外邊距與內(nèi)邊距內(nèi)邊距：padding-top (上)padding-right (右)paddi

8、ng-bottom (下)padding-left (左)外邊距：margin-top (上)margin-right (右)margin-bottom (下)margin-left (左)注重：與其到底是用法外邊距還是內(nèi)邊距依據(jù)誰(shuí)對(duì)誰(shuí)而定！十、相對(duì)定位：(相對(duì)定位雖然元素離開(kāi)本來(lái)的位置，但是不釋放本來(lái)的空間)position: relative;left: 30px;top: 20px;十一、肯定定位：(肯定定位元素離開(kāi)，并且釋放本來(lái)的空間)position: absolute;left: 30px;top: 20px;為了掃瞄器適應(yīng)，所以用法肯定居中時(shí)上面一定要寫(xiě)一個(gè)相對(duì)定位作為參照。十二

9、、overflow：溢出部分的處理scroll(卷簾) 浮現(xiàn)滾動(dòng)條hidden 躲藏auto 自動(dòng)浮現(xiàn)滾動(dòng)條偽類挑選器：a ul li:first-childmargin-left:0px;first-child(第一個(gè)孩子的意思)以上這段代碼便是找到類a里面的ul 里面的li 將第一個(gè)li標(biāo)簽的外左間距去掉。last-child(最后一個(gè))a ul li:nth-child(1)括號(hào)里面是幾挑選的就是第幾個(gè)假如說(shuō)三的倍數(shù)就是寫(xiě) 3n十三、css樣式的權(quán)重問(wèn)題：id>class>標(biāo)簽本身(屬性挑選器)十四、相對(duì)定位肯定定位的理解：肯定定位：將被給予此定位辦法的對(duì)象從文檔流中拖出，用

10、法left，right，top，bottom等屬性相對(duì)于其最臨近的一個(gè)最有定位設(shè)置的父級(jí)對(duì)象舉行肯定定位，假如對(duì)象的父級(jí)沒(méi)有設(shè)置定位屬性，即還是遵循h(huán)tml定位規(guī)章的，則依據(jù)body對(duì)象左上角作為參考舉行定位。相對(duì)定位(relative)：對(duì)象不行層疊，依據(jù)left，right，top，bottom等屬性在正常文檔流中偏移自身位置。且不釋放本來(lái)的位置。依據(jù)當(dāng)前位置舉行定位。十五、邊邊陰影：box-shadow(給邊框陰影)divbox-shadow: 10px 10px 5px 888888;陰影水平偏移值（可取正負(fù)值）；陰影垂直偏移值（可取正負(fù)值）；陰影含糊值；陰影色彩給邊框切圓角：border-radius:4px;注重這里面的值取偶不取奇相關(guān)屬性： border-top-right-radius ,border-bottom-right-radius ,border-bottom-left-radius ,border-top-left-r