css字體樣式:font-family:"microsoft
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,秦州企業(yè)網(wǎng)站建設,秦州品牌網(wǎng)站建設,網(wǎng)站定制,秦州網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,秦州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
yahei";
這是雅黑的字體設置
font-family:"宋體";
黑體等等字體樣式設置;
font-family:"microsoft
yahei",
宋體,
微軟雅黑,
sans-serif;也可以如此一起設置
而樓上說的font-size
只是設置字體的大小
學習導航
1、css中的長度與顏色
2、css中的文字屬性
3、css中的文本屬性
1、文字樣式屬性
font-family 字體屬性
作用:元素內(nèi)文字以什么字體來顯示
語法:font-family:[字體1],[字體2],[......];
說明:含空格字體名和中文,用英文引號(")括起;多個字體用英文逗號隔開;引號嵌套,外使用雙引號,內(nèi)使用單引號。
font-size 文字大小
作用:元素內(nèi)文字大小
語法:font-size:絕對單單位,相相對單位
color 文字顏色
語法:顏色名|十六進制|RGB
font-weight 文字粗細
語法:font-weight:normal 正常 | bold 加粗 | bolder 加粗 | lighter 細體 | 100-900
說明:默認值:normal 400等同于normal,而700等同于bold
font-style 文字樣式
作用:為元素內(nèi)文字設置樣式
語法:font-style:normal 正常顯示 | italic 文字傾斜 | oblique 文字傾斜(基本不用)
font-variant 字體變形
作用:設置元素中文本為小型大寫字母
語法:font-variant:normal 正常顯示| small-caps 將英文大小寫字母調(diào)成為同寬
font 屬性簡寫
語法:font:font-style font-variant ?font-weight font-size/line-height font-family;
說明:值之間空格隔開,注意書寫順序。
2、CSS文本樣式
text-align
作用:設置元素內(nèi)文本的水平對齊方式
語法:tex-align:left 左對齊?| right 右對齊 | center 居中對齊 | justify 兩端對齊
注意:該屬性對塊級元素設置有效
line-height
作用:設置元素中文本行高
語法:line-height:長度值 | 百分比
說明:一行文字的高度,行高指文本行的基線間的距離
文字基線
注意:基線并不是漢字文字的下沿,看圖理解自行理解
行高和行距
行高:基線到基線的距離
行距:底線到頂線的距離
注意:看圖自行理解
行框和行內(nèi)框
注意:看圖自行理解
vertical-align
作用:設置元素內(nèi)容的垂直方式
語法:vertical-align:baseline | sub | super | top | text-top | middle | bottom | text-bottom |?長度 | 百分比
注意:看圖自行理解
text-indent 首行縮進
3、文本樣式屬性
text-transform:?capitzlize?首字母大寫 |?uppercase?字母大寫?|?lowercase? 字母小寫 |?none 正常
text-decoration:?underline?下劃線 |?overline 上劃線?|?line-through?刪除線 | none 正常
綜合實操案例
如果您覺得有用,記得在下方點贊、關注、留言,我會定期奉 上更多的驚喜哦,您的打賞支持才是我繼續(xù)努力的動力,么么噠。
每日分享在學習過程中總結的學習經(jīng)驗,學習筆記,筆試題,HTML,CSS,JavaScript,jQuery教程,Vue教程,PHP教程,TinkPHP教程等,望大家能以學習為目的,每天閱讀一篇文章,了解身邊的技術。陪有夢想的人一起成長!
style type="text/css"
.aa{ width:200px; height:44px; border:0; background-image:url(img1.png); }
.aa:active{ background-image:url(img2.png);}
/style
input type="button" class="aa" value=""/
IE6需要另外插一張類庫
如果你想你網(wǎng)站上的文字看起來更加不一樣,就必須要給網(wǎng)頁中的標題、段落和其他頁面元素應用不同的字體。你可以用font-family屬性在CSS樣式里設置字體,如: font-family:Arial; 但是設置的這種字體,你電腦上必須裝有該字體,否則將按原字體樣式顯示。當然,也可以寫上多種字體,當對方瀏覽你的網(wǎng)站,沒有安裝第一種字體時,瀏覽器就會在列表中繼續(xù)往上搜尋,直到找到有適合的字 體為止,像這樣: font-family:Arial,Helvetica,sans-serif; 在上例中,Web瀏覽器會先看看是否安裝了Arial字體。如果安裝了,那么就用Arial字體顯示;如果沒有安裝,瀏覽器就會繼續(xù)尋找Helvetica字體;如果還是沒有找到,最后它就會指定一種通用的字體--sans-serif。如果字體的名稱中包含多個單詞時,則必須用雙引號(“”)將它們括起來,如: font-family:"Times New Roman",Times,serif; 以下就介紹幾種常用的font-family字體類型組合,每一列的最后都包含一種通用的字體。 1、Serif字體:最適用于冗長的文字信息,因為讀者都會覺得這種字體使字母主筆劃的結尾處會有一些細小的“足”,能夠比較有效地引導人們的視線從一個字母一到到下一個字母,閱讀起來感覺更加輕松。serif字體包括:Times,Times New Roman、Georgia。 2、Sans-serif字體:它看起來干凈而簡潔,所有經(jīng)常被用在標題上。Sans-serif字體包括:Arial、Helvetica、Verdana和Formata。 3、Monospaced字體:它經(jīng)常用于顯示計算機代碼,它每個字母都是等寬的。
網(wǎng)頁題目:css漂亮字體樣式,css中文字體樣式大全
路徑分享:http://m.rwnh.cn/article8/dscoiop.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、虛擬主機、網(wǎng)站設計公司、微信小程序、域名注冊、外貿(mào)網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)