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