網頁設計之CSS中文排版應用介紹

2022-02-01 分類：網站建設

CSS文檔是網頁設計制作中管理管理整個網站的網頁風格的一咱便捷方式。在網頁設計中只要在一個CSS文檔內（擴展名為 CSS）定義好網頁的風格，然后在網頁中加一個超級鏈接連接到該文檔，那么網頁就會按照在CSS文檔內定義好的風格顯示出來。
CSS的概念簡介

CSS又稱層疊樣式表，是一種是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。網站設計制作中在HTML文件里加一個超級鏈接,引入外部的CSS文檔，讓網頁的文字內容與版面設計分開。

網頁設計之CSS中文排版應用介紹
應用1、如何設定文字字體、顏色、大小——使用font實例：font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;以下都可以寫在一行font屬性里（除了color屬性需要單獨寫）：
font-style：設定斜體，比如font-style: italic;font-weight：設定文字粗細，比如font-weight: bold;font-size：設定文字大小，比如font-size: 12px或者9pt；line-height：設定行距，比如line-height: 150%;color設定文字顏色（注意不是font-color），比如color: red;font-family：設定字體，比如font-family : "Lucida Grande", Verdana, Lucida, Arial,Helvetica,：宋體,sans-serif;（這是通用的寫法）應用2、如何控制段落排版 —— 使用margin，text-align中文段落使用說明：標簽，左右（相當于縮進）、段前段后的空白，都可以用margin。
實例：p{
margin: 18px 6px 6px 18px; /*分別是上、右、下、左，十二點開始的順時針方向*/}
文字的對齊方式用text-align。
實例：p{
text-align: center; /*居中對齊*/
}
對齊方式還有left、right和justify（兩端對齊）等。
應用3、自動外補丁水平居中
一般情況下水平居中比較容易實現，只需要給要居中的容器設定寬度，以及自動水平外補丁就可以了。
HTML實例如下：
＜body>
＜div class="wrapper">
＜/div>
＜/body>
CSS如下:
body{min-width:760px;text-align:center;}
wrapper{width:760px;margin:0 auto;text-align:left;}。
以上內容由【創新互聯】編輯整理！更多有關北京網站建設、企業網站建設、網站優化、網絡運營、移動端網站建設、電商網站建設等互聯網應用服務都可以聯系我們！服務方式：028-86922220、400-028-6601。

名稱欄目：網頁設計之CSS中文排版應用介紹
標題URL：http://m.kartarina.com/news18/143418.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、用戶體驗、品牌網站建設、小程序開發、網站維護、網站導航

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容