整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
自:Office之家鏈接:http://www.icanzc.com/word/6841.html
上學(xué)時(shí)寫畢業(yè)論文，逼得到處搜羅各種排版技能，那時(shí)word技能迅速達(dá)到了巔峰，后來(lái)畢業(yè)了就迅速遺忘了。沒(méi)想到，上班之后和文檔打交道頻次就更多了，如，產(chǎn)品需求文檔、解決方案輸出、投標(biāo)材料、項(xiàng)目申報(bào)等等，時(shí)不時(shí)還會(huì)遇上評(píng)選職稱需要寫個(gè)論文啥的，編輯還得要求排版規(guī)范。 若掌握了常用的word技能，就能夠幫你節(jié)省許多時(shí)間，比如你可能遇到過(guò)以下問(wèn)題： 1、每段空2字符，不是你敲擊空格鍵 2、為什么復(fù)制粘貼的文字，行間距明明設(shè)置一樣，但是看著就是不一樣找不到原因 3、多個(gè)人協(xié)作合并的文檔，格式調(diào)整累到爆 4、章節(jié)編號(hào)全是手動(dòng)編寫，新插入一個(gè)章節(jié)，又要重新搞起，至于圖表編號(hào)更是想也不敢想 5、知道了設(shè)置頁(yè)眉頁(yè)腳，但是封面不需要頁(yè)眉和頁(yè)碼，難不成新建一個(gè)文檔單獨(dú)搞一個(gè)封面，機(jī)智如我 無(wú)論什么文檔，如果有固定的版面規(guī)范對(duì)后期的排版、多人協(xié)作都是有好處的，能夠大大提升效率，事半功倍。本文拆分五步驟快速解決排版過(guò)程中遇到的常見(jiàn)問(wèn)題。一起往下看。
1 . 定字體樣式，批量調(diào)整 確定正文的字體、大小、間距，這操作非常常見(jiàn)。如果沒(méi)有進(jìn)行特殊設(shè)置，默認(rèn)輸入的文字按照正文樣式進(jìn)行排版，因此只需要對(duì)正文樣式進(jìn)行修改，就可以完成所有正文文字的修改，一勞永逸，而不是手動(dòng)選擇每段文字重復(fù)操作大小和首行縮進(jìn)等，你累，鼠標(biāo)比你還累！ 正文樣式修改：【開(kāi)始】-【樣式】-【正文】右擊【修改】-【格式】，關(guān)于字體和段落的修改都在里面。
其中，字體可以對(duì)中文、英文進(jìn)行分別自定義，但有時(shí)英文、數(shù)字還是默認(rèn)中文字體樣式，可采用全選文字，選擇英文字體樣式如Times New Roman，英文和數(shù)字就自動(dòng)調(diào)整，中文樣式不變。 段落經(jīng)常要首行縮進(jìn)2字符，是在【段落】-【特殊格式】-【首行縮進(jìn)2字符】，不要再敲擊空格鍵4次了（自己腦補(bǔ)畫面）。 順便梳理一下段落中縮進(jìn)、段間距、行間距的區(qū)別（點(diǎn)擊查看大圖）。縮進(jìn)非常容易理解與調(diào)整，搞清楚間距這個(gè)概念，當(dāng)間距過(guò)大時(shí)，就知道是調(diào)整段間距還是行間距了。
2 . 定各級(jí)標(biāo)題樣式，自動(dòng)編號(hào) 讓不同文字呈現(xiàn)層級(jí)結(jié)構(gòu)，只需要選中文字，選擇【開(kāi)始】-【樣式】中標(biāo)題1、標(biāo)題2、標(biāo)題3。問(wèn)題是，如何自動(dòng)實(shí)現(xiàn)一級(jí)標(biāo)題1、2、3，二級(jí)標(biāo)題1.1、1.2、1.3的編號(hào)？ 在開(kāi)始段落菜單欄找到【多級(jí)列表】-【定義新的列表樣式】-【格式】-【編號(hào)】-【更多】點(diǎn)擊要修改的級(jí)別1，將級(jí)別鏈接到樣式【標(biāo)題1】。同理，級(jí)別2-標(biāo)題2，級(jí)別3-標(biāo)題3，通常到5級(jí)標(biāo)題就差不多完全夠用了。
自動(dòng)編號(hào)設(shè)置完成后，如何使用？選中文字，選擇【樣式】標(biāo)題1、標(biāo)題2，對(duì)應(yīng)就是已經(jīng)編好號(hào)的一級(jí)標(biāo)題，二級(jí)標(biāo)題了。
3 . 定框架，生成目錄 一旦各級(jí)標(biāo)題都確定了標(biāo)題樣式，那么生成目錄是水到渠成的事情。如果沒(méi)有將文字對(duì)應(yīng)到標(biāo)題1、2、3的樣式，你的目錄是不能自動(dòng)生成的。【引用】-【目錄】-選擇手動(dòng)目錄or自動(dòng)目錄or自定義目錄。 建議在瀏覽文章結(jié)構(gòu)時(shí)，打開(kāi)文檔導(dǎo)航窗格，【視圖】-【顯示】-勾選【導(dǎo)航窗格】，好處多多： 更利于快速瀏覽與定位 多級(jí)標(biāo)題修改，通過(guò)右擊選擇【升級(jí)】【降級(jí)】【刪除】可快速完成修改，特別章節(jié)內(nèi)容較多，手動(dòng)刪除麻煩，直接在導(dǎo)航窗格刪除，輕松搞定。 鼠標(biāo)拖動(dòng)該級(jí)標(biāo)題，實(shí)現(xiàn)整塊內(nèi)容迅速移動(dòng)。
4 . 定頁(yè)眉頁(yè)腳，格式自定義 大家都知道頁(yè)眉通常寫項(xiàng)目名稱or公司名稱or公司logo，頁(yè)腳肯定要編頁(yè)碼。那么你肯定遇到過(guò)這個(gè)問(wèn)題：刪除頁(yè)眉后，如何去除困擾你許久的頁(yè)眉上的橫線？
方法一：選中橫線設(shè)置【開(kāi)始】-【字體】-【清除格式】
方法二：選中橫線設(shè)置【開(kāi)始】-【段落】-【無(wú)框線】
注意：一定要先選中橫線部分，不然不起作用。
領(lǐng)導(dǎo)說(shuō)，封面怎么會(huì)有頁(yè)碼，去掉！目錄要用羅馬格式，正文從1開(kāi)始用阿拉伯?dāng)?shù)字，要專業(yè)一點(diǎn)，趕緊改。。。。。。
首先，我們要知道分節(jié)符這個(gè)功能，分節(jié)符可讓不同章節(jié)格式不同。 封面不要頁(yè)碼，目錄用羅馬編號(hào)：
第一步：分別在封面與目錄、目錄與正文之間插入分節(jié)符。【頁(yè)面布局】-【分隔符】-【分節(jié)符】-【下一頁(yè)】 如何查看分節(jié)符有沒(méi)有插入成功？雙擊頁(yè)眉或頁(yè)腳，可以看到封面是第1節(jié)、目錄是第2節(jié)、正文是第3節(jié)，說(shuō)明分節(jié)成功。
第二步：雙擊目錄的頁(yè)腳，點(diǎn)擊取消【鏈接到前一條頁(yè)眉】，這一步很關(guān)鍵，如果不取消鏈接，封面與目錄頁(yè)碼有無(wú)保持同步。那么無(wú)論在封面還是目錄插入頁(yè)碼，將同時(shí)有頁(yè)碼。當(dāng)刪除封面頁(yè)碼時(shí)，目錄頁(yè)碼也會(huì)同步隨著消失。
第三步：在目錄頁(yè)腳位置插入頁(yè)碼，并設(shè)置頁(yè)碼格式。編號(hào)格式設(shè)置為羅馬格式，起始頁(yè)碼為1，目錄頁(yè)碼完成，此時(shí)看到封面沒(méi)有頁(yè)碼。
正文從1開(kāi)始用阿拉伯?dāng)?shù)字：這個(gè)就簡(jiǎn)單了，設(shè)置頁(yè)碼格式就行了。上圖中【編號(hào)格式】選擇為1,2,3... 這里補(bǔ)充說(shuō)明一下分頁(yè)符和分節(jié)符的區(qū)別。從字面就可以清晰的理解： 分頁(yè)符 主要用于用戶手動(dòng)分頁(yè)，比如標(biāo)書中商務(wù)部分插入公司資質(zhì)圖片，希望每頁(yè)一張圖片，就采用插入分頁(yè)符的方式，比手動(dòng)回車到下一空白頁(yè)更省時(shí)省力。通常word在到達(dá)頁(yè)的結(jié)尾自動(dòng)插入分頁(yè)符。自動(dòng)分頁(yè)符不能夠刪除。自己插入的手動(dòng)分頁(yè)符可以刪除，直接【Backspace】or【Delete】。 分節(jié)符 使用分節(jié)符是可以看成將文章劃分為不同的部分，便于調(diào)整各個(gè)部分的格式如頁(yè)眉頁(yè)腳、紙張橫版豎版。如果刪除分節(jié)符，要注意頁(yè)眉頁(yè)腳的變化。刪除分節(jié)符的方法直接在上一節(jié)末尾，按【Delete】。
5 . 定圖表編號(hào)，自動(dòng)更新 有時(shí)候?qū)懖牧蠟榱酥芜x題的重要性，需要到處搜羅圖表趨勢(shì)材料，繪制功能架構(gòu)圖等，導(dǎo)致插入圖表過(guò)多，但又怕編號(hào)后有變動(dòng)，帶來(lái)的工作量巨大，因此直接放棄對(duì)圖表的編號(hào)。統(tǒng)統(tǒng)以見(jiàn)下表、如下圖所示的表示，這是一種偷懶的做法，并不鼓勵(lì)，掌握了如何圖表編號(hào)后自動(dòng)更新的功能，你體現(xiàn)出的專業(yè)性也更多了一些，而且并沒(méi)有浪費(fèi)你許多時(shí)間。 第一步：建立規(guī)則 【引用】-【插入題注】-【新建標(biāo)簽】-輸入【圖1-】
第二步：自動(dòng)插入圖表編號(hào) 【引用】-【插入題注】-【確定】，不用新建標(biāo)簽，已完成自動(dòng)編號(hào)。 至此完成圖片自動(dòng)編號(hào)，表格操作類似。接下來(lái)如何在文章中引用圖表編號(hào)。
第三步：段落中引用圖表編號(hào) 【引用】-【交叉引用】-選擇【引用類型】圖1-類別，可以看到相關(guān)圖表編號(hào)，選擇即可
修改自動(dòng)更新：當(dāng)圖表新增或者刪除后，后面圖表編號(hào)和引用位置不會(huì)同步更新。解決方法是：Ctrl+A選中全文，按F9（更新域）完成編號(hào)自動(dòng)更新。當(dāng)引用圖表刪除后，引用位置出現(xiàn)【錯(cuò)誤！未找到引用源】，可通過(guò)查找批量刪除。 最后插一句，在閱讀行業(yè)白皮書、分析報(bào)告經(jīng)常看到文章最后有圖表的附錄，如果圖表建立編號(hào)后，可輕松實(shí)現(xiàn)：【引用】-【插入表目錄】搞定！ 好了，以上便是為大家介紹的Word高效排版中的常用技能，最主要的還得自己動(dòng)動(dòng)手去練習(xí)一下，紙上得來(lái)終覺(jué)淺，絕知此事要躬行。
間距是頁(yè)面布局中的一個(gè)重要元素，用于為文本行提供間隙，提高可讀性。在 CSS 中，line-style 屬性用于控制行間距。
值
line-style 屬性可以接受以下值：
* none：禁用行間距。
* hidden：隱藏行間距。
* normal：使用瀏覽器默認(rèn)的行間距。
* inherit：從父元素繼承行間距。
* initial：使用元素的原始行間距。
* unset：清除元素的所有行間距。
應(yīng)用
line-style 屬性在以下元素上有廣泛的應(yīng)用：
* 文本：控制段落和標(biāo)題的行間距。
* 表格：控制表格行的行間距。
* 列表：控制列表項(xiàng)之間的垂直間距。
影響
line-style 屬性會(huì)影響：
* 行間距的大小。
* 文本內(nèi)容在行內(nèi)擴(kuò)展的范圍。
* 元素的高度。
最佳實(shí)踐
* 考慮網(wǎng)頁(yè)的整體設(shè)計(jì)來(lái)配置行間距。
* 選擇合適的行間距值以提高可讀性。
* 避免使用非常小的行間距值。
結(jié)論
line-style 屬性是 CSS 中一個(gè)強(qiáng)大的工具，用于控制文本行高。通過(guò)正確使用此屬性，可以改善頁(yè)面布局和可讀性。
.1 CSS 語(yǔ)法
CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個(gè)屬性和一個(gè)值組成。
屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個(gè)屬性有一個(gè)值。屬性和值被冒號(hào)分開(kāi)。
selector {property: value}
下面這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色，同時(shí)將字體大小設(shè)置為 14 像素。
在這個(gè)例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
下面的示意圖為您展示了上面這段代碼的結(jié)構(gòu)：
image.png
1.1.1 字體屬性：
屬性 含義 屬性值
font-family 字體 各種字體 font-style 字體樣式 italic、oblique font-variant 小體大寫 small-caps font-weight 字體粗細(xì) bold、bolder、lighter… font-size 字體大小 absolute、relative、% color 字體顏色 顏色值
1.1.2 顏色與背景屬性：
屬性 含義 屬性值
Color 顏色 顏色值 Background-color 背景色 顏色值 Background-image 背景圖案 圖片路徑 Background-repeat 背景圖案重復(fù)方式 Repeat-x | repeat-y | no-repeat Background-attachment 背景的滾動(dòng) Scroll | fix Background-position 背景圖案初始位置 % | n em | top | left | right | bottom
1.1.3 文本屬性:
屬性 含義 屬性值
word-spacing 單詞間距 n em letter-spacing 字母間距 n em text-decoration 裝飾樣式 underline| overline| line-through| blink vertical-align 垂直方向位置 sub| super |top |text-top| middle| bottom| text-bottom text-transform 轉(zhuǎn)為其他形式 capitalize| uppercase| lowercase text-align 對(duì)齊 left| right| center| justify text-indent 縮進(jìn) n em| % line-height 行高 pixels、n em、%
1.1.4 邊距屬性:
屬性 含義 屬性值
margin-top 上邊距 n em | % margin-right 右 n em | % margin-bottom 下 n em | % margin-left 左 n em | %
1.1.5 邊框?qū)傩?
屬性 含義 屬性值
Border-top-width 上邊框?qū)挾?n em | thin | medium | thick Border-right-width 右 同上 Border-bottom-width 下 同上 Border-left-width 左 同上 Border-width 四邊 同上 Border-color 邊框顏色 Color Border-style 邊框樣式 Dotted | dash | solid | double | groove | ridge | inset | outset Border-top|right|bottom|left 上(右|底|左)所有屬性 Border-width | border-style | color
1.1.6 圖文混排:
屬性 含義 屬性值
Width 寬度 n em | % Height 高度 n em Float 文字環(huán)繞 Left | right clear 去除文字環(huán)繞 Left | right | both
1.1.7 列表屬性:
屬性 含義 屬性值
Display 是否顯示 Block | inline | list-item | none White-space 空白部分 Pre | nowrap | normal（是否合并) List-style-type 項(xiàng)目編號(hào) Disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none List-style-image 項(xiàng)目前圖片 Img-url List-style-position 第二行位置 Inside | outside List-style 全部屬性 Keyword | position | url
1.1.8 鼠標(biāo)屬性:
屬性值 含義 屬性值 含義
Auto 自動(dòng) N-resize 上箭頭 Crosshair "+" Se-resize 右下 Default 默認(rèn) Sw-resize 左下 Hand 手形 S-resize 下箭頭 Move 移動(dòng) W-resize 左箭頭 E-resize 右箭頭 Text "I" Ne-resize 右上 Wait 沙漏 Nw-resize 左上 help 幫助
1.2 CSS選擇器
1.2.1 li標(biāo)簽選擇器
html:
<li>列表項(xiàng)1</li>（改變標(biāo)簽里的樣式類型）
css:
針對(duì)所有列表
li{
color: rgb(255,0,0); /*#ff0000 red*/
font-size: 30px;
}
1.2.2 類選擇器 class（把一堆樣式劃為一類）
<pre style="margin-bottom:18.0pt;line-height:16.5pt;background:#F6F8FA; word-break:break-all">div`.topBar +Tab = <`divclass`=`"topBar"`></`div`>`</pre>
當(dāng)前頁(yè)面內(nèi)可以多個(gè)同樣 html:
<pre style="margin-bottom:18.0pt;line-height:16.5pt;background:#F6F8FA; word-break:break-all"><li class="blue">`列表項(xiàng)``2`</li></pre>
css:
<pre style="margin-bottom:18.0pt; line-height:16.5pt;background:#F6F8FA;word-break:break-all"> color: #0000ff;</pre> <pre style="margin-bottom:18.0pt; line-height:16.5pt;background:#F6F8FA;word-break:break-all"> }</pre>
1.2.3 ID選擇器 id（也可控制某個(gè)DIV樣式）
當(dāng)前頁(yè)面內(nèi)唯一id； 如果頁(yè)面內(nèi)出現(xiàn)多個(gè)相同id，雖然可以解析出，但不規(guī)范，不建議
<li id="item">列表項(xiàng)1</li>
#item{
color: #00FF00;
font-size:40px;
}
權(quán)重越大，優(yōu)先級(jí)越高，優(yōu)先級(jí)高的覆蓋優(yōu)先級(jí)低的
各種選擇器可以用在列表li、容器div等中
html:
<div>這是一個(gè)Div</div>
CSS:
div{
background-color: #ccc;
}
1.3 CSS樣式規(guī)則
1.3.1 三種定義樣式的方法
①****在本文件下的表示方法
<head>
<style type="text/css"> //樣式
選擇器（即修飾對(duì)象）{ //.g{ }
對(duì)象屬性1：屬性值1； //font：
對(duì)象屬性2：屬性值2； //height：50px；
}
</style>
</head>
②在1.css文件中的表示方法
<link rel="stylesheet" type="text/css" href="1.css">
③直接跟著定義樣式
<div class=" size show show-1"></div>
每個(gè)樣式間用空格隔開(kāi)，有三個(gè)樣式 size、show、show-1
1.3.2 顏色
red = #FF0000 = rgb(255,0,0) 紅色 blue = #0000ff = 藍(lán)色 green = #00FF00 = 綠色 #ccc = #cccccc 灰色 #fff = #ffffff 白色 black = #333 黑色 background: #fff; 背景為白色 background: #fff; 背景為白色 cursor: pointer; 當(dāng)移動(dòng)到當(dāng)前位置時(shí)（配合li:hover）變成小手 transition: all 1s ease; 漸變效果（有些瀏覽器不支持） -webkit-transition:all 1s ease; -o-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition: all 1s ease; 對(duì)于不支持的瀏覽器，解決方案
1.3.3 字體font
width: 200px;寬度 font-weight: bold; 字體粗細(xì)（粗體） font-size: 12px; 字體大小 color: #ff7300; 字體顏色 background-color: #ccc; 背景色 height 高度 width 寬度（可以認(rèn)為是長(zhǎng)度） font-family：隸書；字體
長(zhǎng)度單位：
px 像素
顏色
十六進(jìn)制：#ffffff 顏色名稱：red
尺寸屬性：
Height、max_height、min_height width、max_width、min_width
字體、字號(hào)：
font 縮寫形式 font-weight 粗細(xì) font-size 大小 font-family 字體系列 font-style 字體樣式
字體顏色
color opacity 透明度 css3
行距、對(duì)齊等
line-height 行高 text-align 對(duì)齊 letter-spacing 字符間距 text-decoration 文本修飾 overflow 浮動(dòng) text-overflow text-indent
1.3.4 列表寬度決定了列表項(xiàng)寬度
height: 100px; line-height: 100px; 使其上下居中對(duì)齊 text-align: right; 水平對(duì)齊方式：水平靠右 text-align: center; 水平對(duì)齊方式：水平居中 letter-spacing: 10px; 字間距 text-decoration: none; 下劃線設(shè)置（去除） white-space: nowrap; 設(shè)為一行顯示 overflow: hidden; display: block; 隱藏多余內(nèi)容
1.3.5 圖片
background-image: url(images/1.jpg); 插入圖片 background-image: url(../images/1.jpg); 插入上一級(jí)文件夾中images文件夾中的圖片1.jpg background-repeat: no-repeat; 圖片默認(rèn)多大就是多大（不加自動(dòng)復(fù)制顯示） background-position: 50px 50px; 移動(dòng)圖片（正數(shù)為右下角，負(fù)數(shù)為左上角）
1.3.6 塊級(jí)元素 默認(rèn)占一行
★float: left; 浮動(dòng) 將塊級(jí)元素變?yōu)樾屑?jí)元素 讓多行在一行 如果一行放不下，自動(dòng)轉(zhuǎn)第二行 height: 50px; /*使其上下居中對(duì)齊*/ line-height: 50px; /*使其上下居中對(duì)齊*/ text-align: center; 水平對(duì)齊方式：水平居中 margin-right: 5px; 每個(gè)元素間間隔5px font-size: 20px; 字體大小
1.3.7 焦點(diǎn)
鼠標(biāo)移到當(dāng)前位置時(shí)的狀態(tài)
a:hover{
color: red;
}
/*鼠標(biāo)激活選定狀態(tài)*/
a:active{
color: green;
}
1.3.8 超鏈接樣式的四種狀態(tài)
未訪問(wèn)狀態(tài) a:link 已訪問(wèn)狀態(tài) a:visited 鼠標(biāo)移上狀態(tài) a：hover 激活選定狀態(tài) a：active
1.3.9 盒子（矩形方框）
margin（外邊距/邊界） border（邊框） padding（內(nèi)邊距/填充） width 寬度 height 高度 margin 外邊距/邊界 margin：1px 2px 3px 4px 外邊距/邊界（上右下左） margin：1px 2px 外邊距/邊界（上下、左右） margin：1px 外邊距/邊界（上下左右、通常表現(xiàn)出來(lái)上左）
margin
一個(gè)值：4邊
兩個(gè)值：上下、左右
四個(gè)值：上右下左
margin-left: auto; 左邊距自動(dòng) margin-left: auto; /水平居中/ margin-right: auto; /水平居中/ margin: 0px auto; /水平居中，有的瀏覽器不支持/
默認(rèn)下，div沒(méi)有邊框border（有顏色）
默認(rèn)不顯示border
border-color: blue; border-width: 10px; border-style: solid; 以上三句話使其最終顯示 solid實(shí)心的 border width style color border：20px solid green 一句話也可以顯示 border-top:30px solid #ccc; 設(shè)置上邊框?qū)傩?padding-top: 20px; 內(nèi)邊距（上） padding: 20px; 內(nèi)邊距（上下左右） padding: 20px 50px; 內(nèi)邊距（上下、左右）
對(duì)同一屬性做設(shè)置，后面的優(yōu)先級(jí)高
對(duì)外邊距/邊界設(shè)置，一般統(tǒng)一格式，不要上邊設(shè)下邊距，下邊設(shè)上邊距；如果設(shè)置，按大的顯示
margin-bottom: 30px;
.topbar .search .topabar .link{float:right;} 共用一種樣式{浮動(dòng) 將塊級(jí)元素變?yōu)樾屑?jí)元素}
1.3.10 解決浮動(dòng)問(wèn)題，使用尾類
.fix{*zoom:1;*clear:both;}
.fix:before,.fix:after{
display: table;clear:both;
content: '';
}
<div class="wrap fix"> +fix誰(shuí)的子元素浮動(dòng)，就可以清除影響
.fix{*zoom:1;*clear:both;}
.fix:before,.fix:after{
display: table;clear:both;
content: '';
}
1.3.11 定位
position: absolute; 絕對(duì)定位 position: relative; 相對(duì)定位
參照物是距離最近 定位的父元素
1.3.12 對(duì)定位元素顯示排序
z-index: 1; 數(shù)字越大，優(yōu)先級(jí)越高
設(shè)置 鼠標(biāo)指到哪里，哪里在上邊
.c4:hover{
z-index: 3;
}
1.3.13 響應(yīng)式
viewport 設(shè)備方向：Orientation 設(shè)備方向：Orientation
1.3.14 其他樣式
header、footer、center、left、right
頭 尾 中間 左 右
鏈接 默認(rèn)帶下劃線
<div class=" size show show-1"></div>
每個(gè)樣式間用空格隔開(kāi)，有三個(gè)樣式 size、show、show-1
list-style:none; 去除前面的列表序列號(hào)
border 邊框
border: 1px solid red; 添加邊框
<div style="clear: both"></div> 用于消除浮動(dòng)效果導(dǎo)致的順序錯(cuò)亂
height 高度
width 寬度（可以認(rèn)為是長(zhǎng)度）
font-family：隸書；字體
top: 25px; 距離上方25px
left: 15px; 距離左邊15px
display: none;不顯示
@media screen and (max-width: 900px){ } 當(dāng)分辨率小于900px時(shí)
line-height: 1.8; 行高
1.4 為CSS單獨(dú)建立文件（建立鏈接link）
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
