網(wǎng)頁設(shè)計之CSS中文排版應(yīng)用介紹
標簽：
網(wǎng)站設(shè)計
2017.05.16
CSS文檔是網(wǎng)頁設(shè)計制作中管理管理整個網(wǎng)站的網(wǎng)頁風格的一咱便捷方式。在網(wǎng)頁設(shè)計中只要在一個CSS文檔內(nèi)（擴展名為 CSS）定義好網(wǎng)頁的風格，然后在網(wǎng)頁中加一個超級鏈接連接到該文檔，那么網(wǎng)頁就會按照在CSS文檔內(nèi)定義好的風格顯示出來。
CSS的概念簡介
網(wǎng)頁設(shè)計之CSS中文排版應(yīng)用介紹
應(yīng)用1、如何設(shè)定文字字體、顏色、大小——使用font實例：font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;以下都可以寫在一行font屬性里（除了color屬性需要單獨寫）：
font-style：設(shè)定斜體，比如font-style: italic;font-weight：設(shè)定文字粗細，比如font-weight: bold;font-size：設(shè)定文字大小，比如font-size: 12px或者9pt；line-height：設(shè)定行距，比如line-height: 150%;color設(shè)定文字顏色（注意不是font-color），比如color: red;font-family：設(shè)定字體，比如font-family : "Lucida Grande", Verdana, Lucida, Arial,Helvetica,：宋體,sans-serif;（這是通用的寫法）應(yīng)用2、如何控制段落排版 —— 使用margin，text-align中文段落使用說明：標簽，左右（相當于縮進）、段前段后的空白，都可以用margin。
實例：p{
margin: 18px 6px 6px 18px; /*分別是上、右、下、左，十二點開始的順時針方向*/}
文字的對齊方式用text-align。
實例：p{
text-align: center; /*居中對齊*/
}
對齊方式還有l(wèi)eft、right和justify（兩端對齊）等。
應(yīng)用3、自動外補丁水平居中
一般情況下水平居中比較容易實現(xiàn)，只需要給要居中的容器設(shè)定寬度，以及自動水平外補丁就可以了。
HTML實例如下：
＜body>
＜div class="wrapper">
＜/div>
＜/body>
CSS如下:
body{min-width:760px;text-align:center;}
wrapper{width:760px;margin:0 auto;text-align:left;}。
以上內(nèi)容由【分形科技】編輯整理！更多有關(guān)北京網(wǎng)站建設(shè)、企業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)運營、移動端網(wǎng)站建設(shè)、電商網(wǎng)站建設(shè)等互聯(lián)網(wǎng)應(yīng)用服務(wù)都可以聯(lián)系我們！服務(wù)方式：010-64928252、400-6446-365。
CSS的概念簡介
CSS又稱層疊樣式表，是一種是一種用來表現(xiàn)HTML（標準通用標記語言的一個應(yīng)用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。網(wǎng)站設(shè)計制作中在HTML文件里加一個超級鏈接,引入外部的CSS文檔，讓網(wǎng)頁的文字內(nèi)容與版面設(shè)計分開。
網(wǎng)頁設(shè)計之CSS中文排版應(yīng)用介紹
應(yīng)用1、如何設(shè)定文字字體、顏色、大小——使用font實例：font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;以下都可以寫在一行font屬性里（除了color屬性需要單獨寫）：
font-style：設(shè)定斜體，比如font-style: italic;font-weight：設(shè)定文字粗細，比如font-weight: bold;font-size：設(shè)定文字大小，比如font-size: 12px或者9pt；line-height：設(shè)定行距，比如line-height: 150%;color設(shè)定文字顏色（注意不是font-color），比如color: red;font-family：設(shè)定字體，比如font-family : "Lucida Grande", Verdana, Lucida, Arial,Helvetica,：宋體,sans-serif;（這是通用的寫法）應(yīng)用2、如何控制段落排版 —— 使用margin，text-align中文段落使用說明：標簽，左右（相當于縮進）、段前段后的空白，都可以用margin。
實例：p{
margin: 18px 6px 6px 18px; /*分別是上、右、下、左，十二點開始的順時針方向*/}
文字的對齊方式用text-align。
實例：p{
text-align: center; /*居中對齊*/
}
對齊方式還有l(wèi)eft、right和justify（兩端對齊）等。
應(yīng)用3、自動外補丁水平居中
一般情況下水平居中比較容易實現(xiàn)，只需要給要居中的容器設(shè)定寬度，以及自動水平外補丁就可以了。
HTML實例如下：
＜body>
＜div class="wrapper">
＜/div>
＜/body>
CSS如下:
body{min-width:760px;text-align:center;}
wrapper{width:760px;margin:0 auto;text-align:left;}。
以上內(nèi)容由【分形科技】編輯整理！更多有關(guān)北京網(wǎng)站建設(shè)、企業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)運營、移動端網(wǎng)站建設(shè)、電商網(wǎng)站建設(shè)等互聯(lián)網(wǎng)應(yīng)用服務(wù)都可以聯(lián)系我們！服務(wù)方式：010-64928252、400-6446-365。
400-7808-893 / 010-64913142
我想要個更針對我需求的方案
友情鏈接：
也許您需要專業(yè)的服務(wù)，歡迎來電咨詢
您的需求，是我們前進最大的動力
關(guān)于我們
北京分形科技有限公司成立于2003年，是一家以AI為核心驅(qū)動力，提供網(wǎng)絡(luò)品牌策劃、AI互聯(lián)網(wǎng)服務(wù)、WEB3服務(wù)、AI人工智能解決方案的綜合服務(wù)商
我們一直秉承的經(jīng)營理念：責任、熱情、品質(zhì)、包容
主要業(yè)務(wù)范圍：AI互聯(lián)網(wǎng)服務(wù)（網(wǎng)站建設(shè),網(wǎng)站群,短視頻社交平臺,APP,小程序）AI人工智能行業(yè)解決方案（智慧博物館,智慧公園,智慧景區(qū),智慧社區(qū),智慧醫(yī)療,智慧校園,）IoT智能物聯(lián)產(chǎn)品（智能步道,AR太極,AI健身,AI導覽,AI單車,智慧樹）WEB3（區(qū)塊鏈,元宇宙,NFT數(shù)字藏品）
版權(quán)所有：北京分形科技有限公司
Copyright 2003-2023 www.rpdqu.com All Rights Reserved. 北京分形科技有限公司
京ICP備05007162號-1