整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          手把手教你55 個提高CSS 開發效率的必備片段

          手把手教你55 個提高CSS 開發效率的必備片段



          篇文章會記錄我們平時常用到的 CSS 片段,使用這些 CSS 可以幫助我們解決許多實際項目問題中遇到的,墻裂建議點贊收藏再看,方便日后查找

          附筆記鏈接,閱讀往期更多優質文章可移步查看,喜歡的可以給我點贊鼓勵哦:https://github.com/Wscats/CV/issues/29

          CSS網頁布局中,排版是一個麻煩的問題。作為一個優秀的網頁設計師和Web前端開發人員,掌握一些簡單的中文排版技巧是不可或缺的。所以今天小編特意整理了一些簡單實用的技巧,希望對大家有所幫助。



          文字排版


          字體


          我們可以使用css樣式為網頁中的文字設置字體、字號、顏色等樣式屬性。

          body{font-family:"宋體";}

          這里注意不要設置不常用的字體,因為如果用戶本地電腦上如果沒有安裝你設置的字體,就會顯示瀏覽器默認的字體。(因為用戶是否可以看到你設置的字體樣式取決于用戶本地電腦上是否安裝你設置的字體。)

          現在一般網頁喜歡設置“微軟雅黑”,如下代碼:

          body{font-family:"Microsoft Yahei";}

          body{font-family:"微軟雅黑";}



          字號、顏色


          可以使用下面代碼設置網頁中文字的字號為12像素,并把字體顏色設置為#666(灰色):

          body{font-size:12px;color:#666}


          粗體


          可以使用下面代碼實現設置文字以粗體樣式顯示出來。

          p span{font-weight:bold;}


          斜體


          以下代碼可以實現文字以斜體樣式在瀏覽器中顯示:

          p a{font-style:italic;}

          <p>三年級時,我還是一個<a>膽小如鼠</a>的小女孩。</p>



          下劃線


          有些情況下想為文字設置為下劃線樣式,這樣可以在視覺上強調文字,可以使用下面代碼來實現:

          p a{text-decoration:underline;}

          <p>三年級時,我還是一個<a>膽小如鼠</a>的小女孩。</p>


          刪除線


          如果想在網頁上設置刪除線怎么辦,這個樣式在電商網站上常會見到:


          上圖中的原價上的刪除線使用下面代碼就可以實現:

          .oldPrice{text-decoration:line-through;}



          段落排版


          縮進


          中文文字中的段前習慣空兩個文字的空白,這個特殊的樣式可以用下面代碼來實現:

          p{text-indent:2em;}

          注意:2em的意思就是文字的2倍大小



          行間距(行高)


          這一小節我們來學習一下另一個在段落排版中起重要作用的行間距(行高)屬性(line-height),如下代碼實現設置段落行間距為1.5倍。

          p{line-height:1.5em;}


          中文字間距、字母間距


          如果想在網頁排版中設置文字間隔或者字母間隔就可以使用 letter-spacing 來實現,如下面代碼:

          h1{

          letter-spacing:50px;

          }

          注意:這個樣式使用在英文單詞時,是設置字母與字母之間的間距。


          如果我想設置英文單詞之間的間距呢?可以使用 word-spacing來實現。如下代碼:

          h1{

          word-spacing:50px;

          }

          ...

          <h1>welcome to imooc!</h1>



          對齊


          想為塊狀元素中的文本、圖片設置居中樣式嗎?可以使用text-align樣式代碼,如下代碼可實現文本居中顯示。

          h1{

          text-align:center;

          }

          <h1>了不起的蓋茨比</h1>

          同樣可以設置居左:

          h1{

          text-align:left;

          }

          <h1>了不起的蓋茨比</h1>

          還可以設置居右:

          h1{

          text-align:right;

          }

          <h1>了不起的蓋茨比</h1>


          圖文環繞


          在css中有一個常見的圖文環繞效果。實現方式主要是通過float標簽,將圖片左浮動,或者右浮動。其相鄰的文字,就會環繞圖片排列,代碼和效果如下:



          豎排文字

          使用writing-mode實現。writing-mode屬性有兩個值lr-tb和tb-rl,前者是默認的左-右、上-下,后者是上-下、右-左。


          比如:

          p{ writing-mode: tb-rl;}

          可以結合direction排版。



          首字下沉


          偽對象:first-letter配合font-size、float可以制作首字下沉效果。

          比如:

          p:first-letter{ padding: 6px; font-size: 32pt; float: left;}


          漢字注音


          如果我們想為漢字注音,就可以使用ruby標簽和ruby-align屬性來實現,比如:

          <ruby>注音<rt style="font-size:11px;">zhuyin</rt></ruby>

          然后通過ruby-align設置其對齊方式。


          這是一個比較冷門的技巧,可能平時使用不多,但小編覺得不妨提供給大家預防不時之需。



          以上就是小編要跟大家分享的CSS網頁布局中文排版技巧,雖然很簡單,但簡單的過程中其實暗藏玄機,如果大家喜歡還請記得收藏哦~



          ord 2000的使用


          1. 在Word 2000執行"復制"操作后,"剪貼板"中保存復制的內容次數最多為(12)

          2. 在選中字符后,需給該字符加上"赤水情深"的動態效果,應在"字體"對話框中選擇的選項卡為(動態效果)

          3. 想在Word 2000主窗口中顯示段落標記,應使用菜單項為(視圖)

          4. 以下有關創建目錄的說法,正確的是(在創建目錄之前,定義"樣式"并對創建的內容應用"樣式")

          5. 依次打開三個Word 2000文檔,每個文檔都有修改,在修改完后為了一次性保存著學文檔,正確的操作是(按Shift鍵的同時,單擊"文件"—"全部保存"命令)

          6. 使用Word 2000時,在輸入過程中,用戶輸入"南",文檔中出現"南開大學"。這是利用了("工具"菜單中的"自動更正"功能)

          7. 在"打印"對話框的"頁面范圍"欄的"當前頁"項是為(插入光標所在的頁)

          8. 把段落的第一行向右移動兩個字符的位置,正確的選項是("格式"菜單中的"段落"命令)

          9. 要刪除表格中的某個單元格并使右側單元格左移,正確的操作是選擇("表格"菜單中的"刪除單元格"命令)

          10. 在Word 2000中,如果在"文件"菜單的子菜單下部列出一些文件名,這些文件名是(最近在Word 2000中打開,處理過的文檔)

          11. "頁眉頁腳"命令所在的菜單項是("視圖"菜單)英華教育醫學專升本

          12. 在Word 2000中,"項目符號"可以(改變,可自動順序生成,對于同一段落項目符號和編號不能同時存在)

          13. 在編輯文檔時,需要在輸入新的文字的同時替換原有文字,最快捷的操作步驟是(選定需替換的內容,直接輸入新內容)

          14. 在Word 2000中,若要計算表格中某行數值的總和,可使用的統計函數是(SUM())

          15. Word 2000的字數統計功能在(工具)菜單中

          16. 在Word 2000中,需將每頁的頁碼放在頁底部右端,正確的操作命令是("插入"菜單中的"頁碼")

          17. 用快捷方式選定文檔中某一段文本的技巧方法是(把鼠標指針放在文本左端出現選定光標后,雙擊)

          18. 要給整個頁面加一個花紋效果的邊框,應該單擊"格式"菜單中的"邊框與底紋"命令,然后(單擊"頁面邊框"選項卡,在"線性"欄選擇"藝術型"項)

          19. 繪制一個標準的正方形的正確的操作方法是,先在"繪圖"工具欄中選擇"矩形",然后(按住Shift鍵用鼠標拖動出正方形)

          20. 把n變為m的n次方,正確的操作是(選定n,然后設置字體格式為"上標")

          21. 要在一張表格上套用已有的表格格式,選定表格后正確的操作命令是(從"表格"菜單中選擇"表格自動套用格式"命令)

          22. 給文檔分頁時,最方便的操作方法是(按Ctrl+Enter鍵)

          23. 調出"藝術字庫"的正確操作是(單擊"繪圖"工具欄上的"插入藝術字"圖標)

          24. 要想為當前文檔中的文字設定字符間距,使用("格式"—"字體"菜單項)

          25. 在Word 2000中"格式刷"的作用是(復制格式)

          26. 在Word 2000的編輯狀態下,對于選定的文字(即可以移動,也可以復制)

          27. 在Word 2000中,新建一個Word文檔,默認的文件名是"文檔1",文檔內容的第一標題是"說明書",對該文件保存時沒有重新命名,則該文檔的文件名是(說明書.doc)

          28. 對新文檔進行保存時,用"文件"菜單中的"保存"與"另存為"命令是相同的,給舊文檔做一個備份時,可用"文件"菜單中的"另存為"命令,"另存為"命令可將文檔已其他文件名保存到其他位置。

          29. 通過"段落"命令調整"行間距"還可以調整"段落前后間距",通過字體命令調整"字符間距"

          30. 調整一頁紙所容納的多少,通常采用的方法有選擇(紙型,頁邊距,標尺)命令

          31. 有關"首字下沉"命令正確的說法(可以下沉三行字的位置,可懸掛下沉,可以取消"首字下沉")

          32. 在Word 2000文檔中選定一個段落的方法是(在該段落選擇區對應出雙擊鼠標左鍵,在該段落中三擊鼠標左鍵,按住鼠標左鍵自段落起始位置拖動到終止位置)

          33. 有關刪除表格正確的說法是(可以刪除表格中的某列,可以刪除表格中的某行,可以刪除單元格)

          34. 選定整個文檔的方法有(按"Ctrl+A"鍵,在選擇區三擊鼠標左鍵,選擇"編輯"菜單中的"全選"命令)

          35. 在Word 2000中編輯的文檔可以保存的格式為(Word文檔,Html文檔,純文本)

          36. 給Word文檔分頁的操作方法有(按"Ctrl+Enter"鍵,自動分頁,選擇"插入"菜單中的"分隔符"命令)

          37. Word2000文檔中可插入的對象有(剪貼畫,文本框,藝術字,圖表,表格)


          Excel2000的使用


          1. Excel2000所屬的軟件類型為(電子數據表格軟件)

          2. 在Excel2000中的工作簿是(一個Excel文檔,默認包含3個工作表,一個工作簿可以包含任意格工作表)

          3. 在Excel2000中新建一個電子表格并單擊"保存"圖標后,默認的文件全名是(BOOK1.XLS)在Excel工作簿中同時添加多張工作表操作時應先按住(Shift),活動工作表(只能有一個)

          4. Excel的工作表的活動單元格的位置可以(有所在行和列共同定義)在單元格中輸入數值超長時,(以科學記數法顯示)

          5. 向Excel的工作表單元格中輸入數據,可以直接將光標定位在編輯欄或對當前活動單元格按(F2),單元格中可以包含(數字,文本,日期,公式等),輸入內容后,如果將光標右移一列則按(Tab)鍵

          6. 在Excel中向單元格輸入"4/7", Excel2000會將其視作(日期"4月7日")若想輸入數值"4/7"應輸入('4/7)

          7. 在Excel2000中,表示輸入的是一個計算公式,則在輸入公式前必須先輸入(等于號)

          8. Excel中要在"Sheet2"工作表中引用"Sheet1"工作表A2單元格的數據,應使用公式(=Sheet!A2)

          9. 在Excel中,要返回一組參數的最大值,應該使用的函數為(MAX)

          10. 在Excel中,工作表A2單元格中有絕對引用"=AVERAGE($CC)",把它復制到A3單元格,則該單元格中的公式是(和原來不變"=AVERAGE($CC)")這個是范圍平均值的公式,意思是從C3到C6的和的平均值,冒號是區域左上角單元格引用和區域右下角單元格引用之間的符號

          11. 在Excel中進行重排窗口,其窗口排列方式包括(水平并排,平鋪,垂直并排,層疊)

          12. 在Excel單元格中輸入等號和公式后,確認輸入應(按Enter鍵,單擊編輯欄左側的對勾)

          13. 在Excel2000公式中可以包含的運算符合元素為(+,-,*,/,及數字;單元格引用;函數;冒號;逗號)

          14. 在Excel中,修改公式可以使用的方法有(選定單元格,單擊"="按鈕;選定單元格,在編輯欄直接修改;先雙擊有關公式的單元格,再進行修改)其中(MAX為最大值, MIN為最小值,AVERAGE為平均值,COUNT為合計,SUM為總和)

          15. 在Excel的"工具"—"保護"菜單項中,使用"保護工作表"命令,可以保護的工作表中的元素是(內容,方案,對象)

          16. 在Excel中如果按漢字排序,可以依據的方法為(筆畫多少,按漢語拼音的字母順序)

          17. 在Excel中可對數據清單進行的操作為(排序,篩選,查詢,分類匯總,添加紀錄)

          18. 下面對Excel工作表篩選操作描述正確的有(可以將特定的數據篩選出來,可以將不符合條件的數據隱藏起來,可以自定義篩選的條件,可以定義多重條件)

          19. 在對Excel工作表進行匯總操作之前,應首先進行的操作為(定位單元格,排序)

          20. 在對Excel工作表刪除匯總結果時,可以采用的操作為(選擇"數據"—"分類匯總"—"全部刪除";將匯總的數據行刪除)


          PowerPoint的使用


          1. PowerPoint2000所生成的演示文稿的默認擴展名是(".ppt"),在PowerPoint2000中,演示文稿和幻燈片之間的關系是(一個演示文稿由多張幻燈片組成)演示文稿最基本的組成單位是(幻燈片)

          2. 對幻燈片的背景進行設置,應使用的菜單是(格式),(插入項目符號和編號不能從"插入"菜單實現)

          3. 在PowerPoint2000中可以同時顯示多張幻燈片,且能方便地對選中的幻燈片進行移動,復制,刪除等操作的視圖是(幻燈片瀏覽視圖),要想在幻燈片中加入演講者的注釋,需要使用的視圖是(備注頁視圖)

          4. 在PowerPoint2000中放映幻燈片的快捷鍵是(F5),結束幻燈片的快捷鍵是(Esc)

          5. 在PowerPoint2000中,改變當前幻燈片的布局,使用的操作是(選擇"格式"——"幻燈片版式"), PowerPoint2000為每張幻燈片提供了各種版式,這些版式中的幻燈片布局主要是通過(占位符)實現的。

          6. 在PowerPoint2000中建立超鏈接可以通過("插入"—"超鏈接";"幻燈片放映—動作設置";"幻燈片放映—動作按鈕")

          7. PowerPoint2000模板(只能作用于一個演示文稿的所有幻燈片)

          8. 在PowerPoint2000現有的幻燈片中,加入已經存盤的演示文告中的幻燈片,應執行的操作是(選擇"插入"—"幻燈片(從文件)"命令)

          9. 在PowerPoint2000中,使每張幻燈片具有統一特征的是通過(母版)實現的。屬于PowerPoint2000母版的是(標題母版,講義母版,備注母版)幻燈片母版(控制著除標題幻燈片以外的所有幻燈片的統一格式;)(選擇"視圖"菜單中的"母版"命令可以打開幻燈片母版)(創建演示文稿的方式可以通過模板)

          注意:幻燈片母版不可以控制是否顯示幻燈片編號,"視圖"菜單里的"頁眉頁腳"命令,才可以(規定幻燈片的編號是否顯示)

          1.隱藏幻燈片和刪除幻燈片不是同一概念

          2.模版和版式不是同一概念

          3.模板和母版不是同一概念

          10. PowerPoint2000配色方案應該使用"工具"菜單

          11. 在插入新幻燈片時,新幻燈片的位置在(當前幻燈片的后一張)

          12. 在幻燈片瀏覽視圖方式下移動幻燈片的方法是(用鼠標直接拖動)

          13. 幻燈片的版式共有(28種)

          14. 插入新幻燈片應該使用命令("插入"—"新幻燈片")"插入"菜單不能直接插入的是(文字)

          15. 使用PowerPoint2000的超鏈接,可以使當前位置跳轉到(一個URL,一個電子郵件地址,本地磁盤的一個文檔)建立"超鏈接"的文字的顏色,可以選擇("格式"—"幻燈片配色方案")

          16. 所謂"自定義放映"是指(自行建立部分幻燈片的一個放映組合)可以通過自定義放映有選擇地放映演示文稿的任意幻燈片

          17. 通過"幻燈片放映"菜單可以(設置幻燈片使用的模板)使用"幻燈片放映"菜單中的"幻燈片切換"命令,可以(設置幻燈片的切換速度;設置幻燈片的切換效果;設置幻燈片切換時的聲音效果)如果需要為幻燈片加入解說,應使用"幻燈片放映"菜單中的(錄制旁白)

          18. 若想同時選中多張幻燈片,需要使用的視圖是(幻燈片瀏覽視圖)

          19. 每張幻燈片可以有不同的版式,可以有不同的背景,可以有不同的配色方案;(但是不可以有不同的模板)

          20. 利用PowerPoint2000的"格式"菜單,可以設置幻燈片的版式,可以設置幻燈片使用的模板,可以設置幻燈片的背景(但是不可以設置幻燈片的切換方式)

          21. 使用"自定義動畫"對話框中的(圖標效果)可以設置幻燈片中圖表的動畫效果

          22. 在PowerPoint2000"插入"菜單的"圖片"子菜單中,包括(剪貼畫,藝術字,組織結構圖)不包括(圖表)

          23. 利用"幻燈片放映"菜單中"動作按鈕"(可以建立超級鏈接,可以在上面輸入文字或出現圖片)

          24. 在PowerPoint2000的"頁面設置",(可以設置幻燈片的大小,可以設置幻燈片編號的起始值,可以設置幻燈片的打印方向)

          25. 在PowerPoint2000中不可以打印出來的內容是(母版)

          26. PowerPoint2000通過(Microsoft Graph)程序,可以在幻燈片中嵌入圖表

          27. 在PowerPoint2000工作區的左下角有五個視圖按鈕,包含(幻燈片視圖,普通視圖,大綱視圖,幻燈片瀏覽視圖,幻燈片放映)沒有備注頁視圖

          28. 建立一個"自定義放映"文稿,應該使用的菜單是(幻燈片放映)

          29. 在PowerPoint2000"文件"菜單的底部有最近打開過的若干文件名,在默認情況下,通常列出的文件名個數是(4)

          30. 不存在講義視圖,但可以打印幻燈片講義

          31. 同一演示文稿放映時,每張幻燈片的切換方式可以不一致,每張幻燈片配色方案可以不相同,每張幻燈片的放映時間可以不一致;,每張幻燈片的背景不一定相同(但是每張幻燈片模板必須一致)

          32. 可用于在當前演示文稿插入一張新幻燈片的方法是(使用"插入"菜單中的"新幻燈片命令",使用"常用"工具欄中的"新建"按扭,使用快接見"Ctrl+M")

          33. 創建新演示文稿可通過(內容提示向導,設計模板,空演示文稿)完成

          34. 要設置幻燈片的切換效果,可以通過("幻燈片放映"—"幻燈片切換"命令,"幻燈片瀏覽"工具欄中的"幻燈片切換"按扭)

          35. 屬于母板范疇的幻燈片是(幻燈片母版,講義母板,標題母板)

          36. 屬于全屏幕放映的是(演講者放映,在展臺瀏覽)

          37. 選擇"視圖"—"頁眉和頁腳"命令,可以設置的顯示項目是(日期和時間,幻燈片編號,頁腳)

          38. 使用PowerPoint2000的打印命令,可以打印(全部幻燈片,當前幻燈片,所選定的幻燈片,自定義放映幻燈片,指定編號的幻燈片)


          以上就是專升本計算機《Word、Excel、Powerpoint》使用知識點的內容。如果對您有所幫助,歡迎轉發收藏。想要了解專升本其他學科知識或復習內容,請關注"專升本日記"或"專升本考試中心"微信公眾號查看。


          主站蜘蛛池模板: 国产福利视频一区二区| 一区二区三区在线观看免费| 亚洲丰满熟女一区二区哦| av一区二区三区人妻少妇| 中文字幕亚洲一区二区三区| 夜夜精品视频一区二区| 91国偷自产一区二区三区| 国产主播一区二区| 国产成人片视频一区二区| 国产成人av一区二区三区不卡| 亚洲一区二区三区久久久久| 国产一区二区电影在线观看| aⅴ一区二区三区无卡无码| 性色av闺蜜一区二区三区| 亚洲午夜一区二区三区| 亚洲色偷偷偷网站色偷一区| 国产成人无码精品一区二区三区| 久久成人国产精品一区二区| 人妻无码一区二区三区| 亚洲一区二区三区免费| 一区二区三区精品高清视频免费在线播放 | 无码精品一区二区三区在线| 国产一区二区精品久久岳| 成人午夜视频精品一区| 亚洲一区二区三区偷拍女厕| 99精品国产高清一区二区三区| 三上悠亚精品一区二区久久| 99久久精品费精品国产一区二区 | 麻豆国产在线不卡一区二区| 极品少妇一区二区三区四区| 国产麻豆精品一区二区三区| 精品国产一区二区三区香蕉事| 日韩精品一区在线| 亚洲国产成人久久一区WWW| 香蕉视频一区二区三区| 无码少妇一区二区| 精品人妻无码一区二区色欲产成人 | 亲子乱AV视频一区二区| 无码精品视频一区二区三区| 深田咏美AV一区二区三区| 国产视频一区在线播放|