關(guān)于css的知識(shí)點(diǎn)匯總_第1頁(yè)
關(guān)于css的知識(shí)點(diǎn)匯總_第2頁(yè)
關(guān)于css的知識(shí)點(diǎn)匯總_第3頁(yè)
關(guān)于css的知識(shí)點(diǎn)匯總_第4頁(yè)
免費(fèi)預(yù)覽已結(jié)束，剩余1頁(yè)可下載查看

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、.CSS知識(shí)點(diǎn)總結(jié)CSS定義1.鏈接外部文件<head><title>title of article</title><link rel=stylesheet href="CSS文件地址" type="text/css"></head>2.定義內(nèi)部式樣<head><style type="text/css">body font-size: 10px;p font: 12px; color: black;</style></head&g

2、t;4.其他import “style.css”;CSS規(guī)則結(jié)構(gòu)選擇器、屬性和值selector property: value;例如：font color: blue;class選擇符class選擇器以一個(gè)點(diǎn)號(hào)顯示，例子：.center text-align: center <h1 class="center"> ID選擇符ID選擇符的前面是# ，例子：#red color: red ; <p id="red">這個(gè)段落是紅色。</p> class和ID的區(qū)別id應(yīng)該具有唯一性class可以多次出現(xiàn)id的優(yōu)先級(jí)高于c

3、lassCSS字體文字顏色 - color 字體 - font-family 字號(hào) - font-size 字體粗細(xì) - font-weight（bold 黑體，指定的范圍為100900，normal是400，bold相當(dāng)于700）字體格式 - font-style指定斜體（italic草體風(fēng)格斜體字，Oblique指標(biāo)準(zhǔn)傾斜）- text-decoration指定字體修飾（Underline “下劃線”，overline “上劃線”，line-through“刪除線”，blink霓虹燈效果，用半角空格隔開(kāi)之后就可以應(yīng)用多個(gè)屬性的值）CSS顏色及背景背景顏色-background-color

4、:顏色背景圖片-background-image:url(圖片地址)，例子：body background-image:url(/i/eg_bg_04.gif); 背景圖像的排列方式-background-repeat:排列方式，屬性值：repeat 在水平和垂直方向上都是以瓷磚形式反復(fù)顯示(初始值)repeat-x 只在水平方向重復(fù)顯示repeat-y 只在垂直方向重復(fù)顯示no- repeat 不重復(fù)只顯示一個(gè)背景圖像的顯示位置-background-position:顯示位置，屬性值：數(shù)值或%來(lái)進(jìn)行l(wèi)eft和top的值就相當(dāng)于是0%，center就相當(dāng)于50%，right和bottom就相

5、當(dāng)于100%如果只指定了一個(gè)的話，那其余的就相當(dāng)于指定的是center固定背景圖像-background-attachment：是否固定，屬性值：fixed 固定背景圖像的位置scroll背景圖像和其他內(nèi)容一起滾動(dòng)(初始值) CSS文本屬性文本縮進(jìn)-text-indent:數(shù)值文本對(duì)齊-text-align:行對(duì)齊方式，屬性值：left、center、right、justify 處理空白-white-space:空白處理，屬性值：normal默認(rèn)。空白會(huì)被瀏覽器忽略。pre空白會(huì)被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標(biāo)簽。nowrap文本不會(huì)換行，文本會(huì)在在同一

6、行上繼續(xù)，直到遇到 <br> 標(biāo)簽為止。pre-wrap保留空白符序列，但是正常地進(jìn)行換行。 pre-line合并空白符序列，但是保留換行符。 行高-line-height: 行高，屬性值：normal默認(rèn)。設(shè)置合理的行間距。 number設(shè)置數(shù)字，此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。 length設(shè)置固定的行間距。 %基于當(dāng)前字體尺寸的百分比行間距。縱向?qū)R-vertical-align:垂直方向的對(duì)齊，屬性值：baseline默認(rèn)。元素放置在父元素的基線上。 sub垂直對(duì)齊文本的下標(biāo)。 super垂直對(duì)齊文本的上標(biāo) top把元素的頂端與行中最高元素的頂端對(duì)齊 text-t

7、op把元素的頂端與父元素字體的頂端對(duì)齊 middle把此元素放置在父元素的中部。 bottom把元素的頂端與行中最低的元素的頂端對(duì)齊。 text-bottom把元素的底端與父元素字體的底端對(duì)齊。 length %使用 "line-height" 屬性的百分比值來(lái)排列此元素。允許使用負(fù)值。 文字間隔-word-spacing:單詞間距 字母間隔-letter-spacing:文字間距 文本修飾-text-decoration: 修飾，屬性值：none默認(rèn)。定義標(biāo)準(zhǔn)的文本。 underline定義文本下的一條線。 overline定義文本上的一條線。 line-through定

8、義穿過(guò)文本下的一條線。 blink定義閃爍的文本（無(wú)法運(yùn)行在 IE 和 Opera 中）定位：把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中positionstatic默認(rèn)。位置設(shè)置為 static 的元素，它始終會(huì)處于頁(yè)面流給予的位置（static 元素會(huì)忽略任何 top、bottom、left 或 right 聲明）。relative 相對(duì)定位。位置被設(shè)置為 relative 的元素，可將其移至相對(duì)于其正常位置的地方，因此 "left:20" 將向元素的 LEFT 位置添加 20 個(gè)像素。absolute絕對(duì)定位。位置設(shè)置為 absolute 的元素，可定位于相

9、對(duì)于包含它的元素的指定坐標(biāo)。此元素的位置可通過(guò) "left"、"top"、"right" 以及"bottom" 屬性來(lái)規(guī)定。fixed 位置被設(shè)置為 fixed 的元素，可定位于相對(duì)于瀏覽器窗口的指定坐標(biāo)。此元素的位置可通過(guò) "left"、"top"、"right" 以及"bottom" 屬性來(lái)規(guī)定。不論窗口滾動(dòng)與否，元素都會(huì)留在那個(gè)位置。工作于 IE7（strict 模式）。設(shè)置元素的堆疊順序z-indexauto默認(rèn)。堆疊順序與父元

10、素相等。number 設(shè)置元素的堆疊順序。其他：floatdisplay：blockclear：清空CSS默寫(xiě)標(biāo)準(zhǔn)文檔（1.2）1.基本語(yǔ)法（2） 鏈接外部文件：<link rel=stylesheet href="CSS文件地址" type="text/css"> 定義內(nèi)部式樣： <style type="text/css"></style>2.class和ID的區(qū)別（3）id具有唯一性class可以多次出現(xiàn)id的優(yōu)先級(jí)高于class3.字處理（5） font-family font-size font-weight font-style color4.文本處理（8） text-indent text-align text-decoration vertical-align white-space line-height word-spacing letter-spacing5.背景（5） background-color background-image background-repeat background-attachment background-position6.css定位（12） padding margin border positio

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論