重慶分公司,新征程啟航
為企業提供網站建設、域名注冊、服務器等服務
為企業提供網站建設、域名注冊、服務器等服務
需要準備的材料分別有:電腦、瀏覽器、html編輯器。
網站建設公司,為您提供網站建設,網站制作,網頁設計及定制網站建設服務,專注于企業網站建設,高端網頁制作,對鑿毛機等多個行業擁有豐富的網站建設經驗的網站建設公司。專業網站設計,網站優化推廣哪家好,專業營銷推廣優化,H5建站,響應式網站。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標簽中,輸入css代碼:body{font-family: 楷體}。
3、瀏覽器運行index.html頁面,此時文字的樣式被成功定義為楷體。
如果一個容器中只有一行文字,對它實現居中相對比較簡單,我們只需要設置它的實際高度height和所在行的高度line-height相等即可。如:
div {
height:25px;
line-height:25px;
overflow:hidden;
}
這段代碼很簡單,后面使用overflow:hidden的設置是為了防止內容超出容器或者產生自動換行,這樣就達不到垂直居中效果了。
css中文字樣式不包括縮進屬性。
1、文本:text-indent。
2、文本對齊:text-align。
3、字間隔:word-spacing。
4、字母間隔:letter-spacing。
5、字母轉換:text-transform。
字體用中文表示則需要用雙引號或者單引號分隔,英文字體一般不需要用引號,但是如果有特殊字符的(如空格,反斜杠,#,$等)也需要使用引號。
font-weight:
CSS具有以下特點:CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用??傊?,CSS樣式表可以將所有的樣式聲明統一存放,進行統一管理。
CSS即使設置了其他字體,也要看別的電腦里有沒有,一般系統自帶有宋體,黑體等字體,但是如果你電腦上有好看的字體,可以顯示,在別的電腦沒有你的字體,就顯示不了,所以一般只會設置系統自帶的字體。
設置方法:
html
head
style type="text/css"
p.ziti{font-family:"Times New Roman",Georgia,Serif}
/style
/head
body
h1CSS font-family/h1
p class="ziti"要更改的字體內容/p
/body
/html
CSS定義可以是:font-family:sans-serif
也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}
為什么我這里設置了三個,分別用","隔開呢,因為不同版本的操作系統,對字體的支持不同解釋如下:
例如微軟雅黑不同操作系統不同版本需要如下設置:
Windows XP及以前版本的Windows
font-family: Arial, 宋體, sans-serif;
Windows Vista和Windows 7
font-family: 'Microsoft Yahei', sans-serif;
Sorry,英文就無法設置字體了,因為中文字體都包含了英文字體。好在雅黑顯示英文還湊合。
Mac及其它操作系統
font-family: sans-serif;
系統自帶中文字體編碼:
宋體SimSun黑體SimHei微軟雅黑Microsoft YaHei微軟正黑體Microsoft JhengHei新宋體NSimSun新細明體PMingLiU細明體MingLiU標楷體DFKai-SB仿宋FangSong楷體KaiTi仿宋_GB2312FangSong_GB2312楷體_GB2312KaiTi_GB2312
color屬性:設置文本文字顏色。用法如下:
color:顏色值;
color屬性可以設置的合法顏色值包括:16進制顏色值(例:#ffffff),rgb顏色值【例:rgb(0,0,0)】,rgba顏色值【例:rgb(0,0,0,0.5),0.5表示透明度】,hsl顏色值【例:hsl(120,65%,75%)】,hsla顏色值【hsl(120,65%,75%,0.3),0.3表示透明度】。
2、css文本文字行高(行間距)的屬性
line-height屬性:設置行間的距離(行高)。用法如下:
line-height:值;
具體cssline-height屬性是如何設置文本文字的行間距,大家可以參考之前的文章【css如何設置行間距?css文本文字的行間距設置】,希望對大家有所幫助。
3、css設置文本文字的水平對齊方式的屬性
text-align屬性:設置元素中的文本文字的水平對齊方式。用法如下:
text-align:left||right||center||justify;
left:設置文本文字左對齊。默認值:由瀏覽器決定。
right:設置文本文字右對齊。
center:設置文本文字居中對齊。
justify:實現兩端對齊文本效果。
4、css文本縮進屬性
text-indent屬性:設置文本縮進。
具體csstext-indent屬性是怎樣設置文本縮進的,大家可以參考【css如何實現首行縮進效果?text-indent屬性實現首行縮進】。
5、設置文本文字裝飾效果
text-decoration屬性:定義添加到文本的修飾。
說明:
這個屬性允許對文本設置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設置的裝飾會“延伸”到后代元素中。
用法:
text-indent:none||[underline(下劃線)||overline(上劃線)||line-through(中劃線)]||blink;
none:默認值,定義標準的文本。
underline:定義文本下的一條線。
overline:定義文本上的一條線。
line-through:定義穿過文本下的一條線。
blink:定義閃爍的文本。
6、文本字符的大小寫轉換屬性
text-transform屬性:控制文本字符的大小寫。
用法:
text-transform:uppercase(全大寫)||lowercase(全小寫)||capitalize(首字母大寫)||none;
7、文本文字間距的屬性
word-spacing屬性:設置文字或單詞之間的間距,單詞之間的間距=word-spacing+空格大小。
letter-spacing屬性:設置字母間的間隔。
8、文本文字陰影的屬性
text-shadow屬性:向文本文字設置陰影