網頁設計之CSS中文排版應用介紹
標簽：
網站設計
2017.05.16
CSS文檔是網頁設計制作中管理管理整個網站的網頁風格的一咱便捷方式。在網頁設計中只要在一個CSS文檔內（擴展名為 CSS）定義好網頁的風格，然后在網頁中加一個超級鏈接連接到該文檔，那么網頁就會按照在CSS文檔內定義好的風格顯示出來。
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;}。
以上內容由【分形科技】編輯整理！更多有關北京網站建設、企業網站建設、網站優化、網絡運營、移動端網站建設、電商網站建設等互聯網應用服務都可以聯系我們！服務方式：010-64928252、400-6446-365。
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;}。
以上內容由【分形科技】編輯整理！更多有關北京網站建設、企業網站建設、網站優化、網絡運營、移動端網站建設、電商網站建設等互聯網應用服務都可以聯系我們！服務方式：010-64928252、400-6446-365。
400-7808-893 / 010-64913142
我想要個更針對我需求的方案
也許您需要專業的服務，歡迎來電咨詢
您的需求，是我們前進最大的動力
關于我們
北京分形科技有限公司成立于2003年，是一家以AI為核心驅動力，提供網絡品牌策劃、AI互聯網服務、WEB3服務、AI人工智能解決方案的綜合服務商
我們一直秉承的經營理念：責任、熱情、品質、包容
主要業務范圍：AI互聯網服務（網站建設,網站群,短視頻社交平臺,APP,小程序）AI人工智能行業解決方案（智慧博物館,智慧公園,智慧景區,智慧社區,智慧醫療,智慧校園,）IoT智能物聯產品（智能步道,AR太極,AI健身,AI導覽,AI單車,智慧樹）WEB3（區塊鏈,元宇宙,NFT數字藏品）