如何用css設(shè)置網(wǎng)頁(yè)字體[多圖]

CSS2規(guī)范根據(jù)長(zhǎng)度——水平和垂直尺寸——來(lái)定義字體。這個(gè)長(zhǎng)度為一個(gè)數(shù)值，前面可能帶一個(gè)可選的加(+)或減(-)標(biāo)記符。另外，該數(shù)值后可能有一個(gè)可選的單位標(biāo)識(shí)符。另外，CSS2規(guī)范定義了兩個(gè)單位類型：絕對(duì)單位和相對(duì)單位。

創(chuàng)新互聯(lián)建站致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營(yíng)銷，提供成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站開(kāi)發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營(yíng)銷、成都小程序開(kāi)發(fā)、公眾號(hào)商城、等建站開(kāi)發(fā)，創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

通過(guò)css設(shè)置font-family來(lái)制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁(yè)面看起來(lái)還不錯(cuò)。裝飾性字體組好只用于標(biāo)題。然后用css的font-family指定缺省字體。

所以我們需要統(tǒng)一設(shè)置默認(rèn)的字體樣式，以便實(shí)現(xiàn)一致的顯示效果來(lái)保證設(shè)計(jì)的一致性和提高開(kāi)發(fā)效率。

字族（font-family）功能：通過(guò)font-family指定字體類型用于改變HTML標(biāo)志或元素的字體，你可設(shè)置一個(gè)可用字體清單。瀏覽器由前向后選用字體。

我們選擇將我們的樣式全部建到一個(gè)CSS文檔中，通過(guò)調(diào)用CSS文件來(lái)加載樣式。在頭部調(diào)用CSS文件樣式。對(duì)于CSS，我們最常用的是通過(guò)class或是標(biāo)簽名來(lái)控制樣式。我們控制字體樣式使用的font。

你可以用font-family屬性在CSS樣式里設(shè)置字體，如： font-family：Arial； 但是設(shè)置的這種字體，你電腦上必須裝有該字體，否則將按原字體樣式顯示。

CSS常用樣式二

之前的教程《HTML5實(shí)踐 -- css3圖片樣式》，我介紹了如何為圖片添加background-image包裝，借助box-shadow 和 border-radius為圖片設(shè)置多種多樣的樣式，有興趣的朋友可以回頭閱讀。

importurl(\/css/global.css\)；鏈接樣式是以@importurl標(biāo)記所鏈接的外部樣式表，它一般常用在另一個(gè)樣式表內(nèi)部。

嵌入樣式特點(diǎn)： （1）被放置在樣式標(biāo)簽 / style編寫(xiě)的網(wǎng)頁(yè)的頭部部分中。 （2）編寫(xiě)的樣式將僅用于您使用它的網(wǎng)頁(yè)。

Embedding (內(nèi)嵌) ： 使用 STYLE.../STYLE標(biāo)記 ( 置于BODY本文區(qū)之前 )，定義HTML標(biāo)記供整個(gè)網(wǎng)頁(yè)使用。

CSS樣式都有哪幾種?

1、CSS樣式有三種類型：內(nèi)聯(lián)式CSS樣式、嵌入式CSS樣式、外部式CSS樣式。內(nèi)聯(lián)式CSS樣式：就是把CSS代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中。如果有多條CSS樣式代碼設(shè)置可以寫(xiě)在一起，中間用分號(hào)隔開(kāi)。

2、CSS樣式表可以分為外部樣式表、內(nèi)部樣式表、內(nèi)聯(lián)樣式。

3、選擇器樣式（Selector Styles）：是 CSS 樣式中最常見(jiàn)的一種，通過(guò)選擇器選中需要設(shè)置樣式的元素，然后為其設(shè)置樣式。

4、css樣式分三種，內(nèi)部樣式，內(nèi)聯(lián)樣式和外部樣式。

默寫(xiě)9個(gè)常見(jiàn)的CSS字體與文本屬性并解釋對(duì)應(yīng)屬性的含義

1、id，意思當(dāng)前頁(yè)面中的唯一標(biāo)識(shí)，用于css或js控制。class，意思是類名，用于css控制。title，意思是指定標(biāo)題。style，意思是插入線內(nèi)樣式。

2、首先新建一個(gè) 常用的css屬性.html 文件，如圖所示。輸入HTML5的結(jié)構(gòu)代碼，將title標(biāo)簽里面的內(nèi)容修改成：常用的css屬性，如圖所示。color：設(shè)置文字顏色（前景色），如圖所示。

3、float，css的一種屬性，主要屬性值為：left（左浮動(dòng)）、none（不浮動(dòng)）、right（右浮動(dòng)）、inherit（繼承父元素浮動(dòng)），多用于網(wǎng)頁(yè)排版。float屬性定義元素在哪個(gè)方向浮動(dòng)。

4、font 簡(jiǎn)寫(xiě)屬性語(yǔ)法： 將所有字體屬性合寫(xiě)為一行，其中font-family是復(fù)合屬性中必不可少的屬性。 可以不設(shè)置其中的某個(gè)值，如果省略值地話，就使用屬性的默認(rèn)值。

網(wǎng)站名稱：css常見(jiàn)的字體樣式 css的字體樣式有哪些
文章地址：http://www.chinadenli.net/article20/dgiseco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站營(yíng)銷、品牌網(wǎng)站設(shè)計(jì)、靜態(tài)網(wǎng)站、域名注冊(cè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)