CSS常用樣式二

實際應用，更多的使用italic屬性值

策勒網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站開發(fā)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)。

實際應用中， 行高的數(shù)值通過設計圖獲取， 量取數(shù)值時需要使用一些輔助軟件工具

選中文字工具，屬性選中：不消除鋸齒

字體、 字號、 行高、 加粗、 斜體 都是font綜合屬性的單一屬性。

font屬性五個單一屬性的值可以進行合寫， 屬性值可以有2到多個， 值之間用空格進行分隔。

font進行綜合書寫時， 必須有字號和字體參與， 而且必須字號在前， 字體在后， 不能顛倒順序。

font屬性經常對字體、 字號、 行高進行合寫， 書寫順序必須是字號、 行高、 字體， 字號和行高之間必須用/進行分隔

如果font屬性需要設置加粗和斜體， 兩個屬性值只能寫在最前面， 兩個值之間可以互換位置。 后面的字號、 行高、 字體不能更改位置

作用：設置文本整體是否有線條的裝飾效果

作用：設置段落首行是否進行縮進

實際應用中，常用em

屬性值區(qū)分正負， 正數(shù)表示向右縮進， 負數(shù)表示向左縮進

瀏覽器控制臺中的盒模型圖

作用： 設置可以添加元素內容的區(qū)域的寬度。

作用： 設置可以添加元素內容的區(qū)域的高度。

如果一個元素不添加 height 屬性， 默認屬性值為auto， 瀏覽器會自動計算出實際高度， 也就是是內部元素內容自動撐開的高度。 元素的高度自適應內部內容的高度。

書寫四個方向單一屬性時， 一般是按照順時針規(guī)律書寫： 上、 右、 下、 左

設置四個屬性值， 分配方向上、 右、 下、 左。

設置三個值分配給上、 左右、 下。

設置兩個值， 分配給上下、 左右 。

設置屬性值只有一個， 四邊的值相同。

作用： 設置邊框的顏色。

屬性值： 顏色名或顏色值， 整體類似 padding 綜合屬性寫法。

每個單一屬性都必須與復合屬性 border 一致， 設置三個屬性值。

書寫四個方向單一屬性時， 一般是按照順時針規(guī)律書寫： 上、 右、 下、 左

設置四個屬性值， 分配方向上、 右、 下、 左。

設置三個值分配給上、 左右、 下。

設置兩個值， 分配給上下、 左右 。

設置屬性值只有一個， 四邊的值相同。

給 body 標簽設置整體文字樣式， 讓大部分后代標簽全部去繼承

設計圖中盒子高度占位是固定的， 后面同級元素在高度下面加載。多余內容會溢出盒子。

設置了高度的盒子， 如果內部元素的加載高度超過父級， 會溢出?？梢酝ㄟ^一個溢出的屬性 overflow， 進行溢出部分內容的顯示效果設置。

要求盒子高度必須自適應內部內容的高度。

或者設置height的屬性值是自動的。

一個元素內部嵌套的子元素， 在父元素中居中。

針對類似 div 樣式上必須獨占一行的盒子， 如果子盒子寬度低于父盒子寬度， 可以設置子盒子的 margin 值， 水平方向的值都設置為 auto。

原因： auto 只在水平方向有作用， 水平方向的 margin 如果設置為 auto， 邊距會自動無限增大， 直到撐滿整個父元素除了子元素寬度之外剩余的區(qū)域， 如果兩個水平方向都是 auto， 兩邊都要無限大， 只能達到一個平衡， 兩邊距離相同， 導致盒子居中。

一般情況下， 一個父元素內部可以放一個或多個子元素， 而且多個子元素要排成一行顯示， 必須保證父元素的寬度一定要足夠（不考慮溢出情況） ， 需要遵循一個設置尺寸的規(guī)律： 所有子元素的寬度加在一起不能大于父元素的寬度 width。父元素的width ≥ 所有子元素width + padding + border + margin

如果不滿足條件： 要么多余的子元素掉下來不能在一排， 要么溢出父元素

父子盒模型中， 只有一個子元素， 且子元素是類似 div 標簽必須占一行的。不設置子元素的 width 屬性， 子元素的 width 屬性值會自動加載父級元素的 width。如果同時設置了子元素水平方向的 padding 和 border 、 margin， 不需要手動去進行內減， 子元素的 width 會自動收縮尺寸。

子元素所有的水平方向的位置所有屬性的加和等于父元素的 width 。

在垂直方向如果有兩個元素的外邊距有相遇的， 瀏覽器中加載的真正的外邊距不是兩個間距的加和， 而是兩個邊距中值較大的， 邊距值小的塌陷到了邊距值大的值內部。

上面的元素有下邊距， 下面的元素有上邊距， 兩個邊距相遇， 真正的盒子間距離是較大的那個值

父子元素之間也會出現(xiàn) margin 塌陷， 父元素和子元素都設置了同方向的margin-top 值， 兩個屬性之間沒有其他的內容進行隔離， 導致兩個屬性相遇， 發(fā)生margin 塌陷。

本身父元素與上一個元素的距離是0， 子元素如果設置了垂直方向的上邊距， 會帶著父級一起掉下來。

水平方向的 margin 沒有塌陷現(xiàn)象。

在標準流中， 大部分元素是區(qū)分等級的， 習慣將元素劃分為幾種常見的加載級別：塊級元素、 行內元素、 行內塊元素等。

大部分容器級標簽包括p標簽都是塊級元素， 比如 div 、 h1 等。

大部分的文本級標簽， 比如 span、 a、 b 等。

比如 img、 input 等。

可以通過 display 屬性更改一個標簽的顯示模式。

屬性值： 元素根據(jù)屬性值不同， 可以加載對應元素等級的顯示模式的特點。

display 屬性更改的顯示模式并沒有改變標準流本質性質， 頁面還是只能從上往下加載， 存在空白折疊現(xiàn)象等微觀性質。 要想實現(xiàn)更多的界面布局效果需要脫離標準流的限制。

標簽元素脫離標準流的方法包括： 浮動、 絕對定位、 固定定位。

margin 塌陷現(xiàn)象出現(xiàn)在標準流中的， 浮動元素已經脫離標準流， 不再具有 margin塌陷現(xiàn)象。

與前面壓蓋效果結構類似， 同級元素中前面的元素浮動， 后面的元素不浮動， 不浮動的元素內部還有一些文字， 浮動的藍盒子會壓蓋住粉盒子的一部分， 但是文字內容不會被蓋住， 粉盒子中的文字會讓開藍盒子位置， 圍繞它進行加載。這種效果稱為字圍現(xiàn)象。

可以利用字圍現(xiàn)象制作一些特殊的圖文混排布局效果

給標準流的父元素強制給一個合適的高度

作用： 清除標簽元素自身受到的前面的浮動元素的影響。

給標準流父元素添加 clear 屬性， 父元素不受前面浮動影響， 不會再占有浮動讓出的位置。

給內部有浮動子元素的父元素添加溢出隱藏 overflow: hidden; 屬性， 可以解決浮動的所有問題。

父元素有了高度后， 可以管理住內部所有的浮動元素， 不會延伸到后面標簽中影響貼邊。

a 標簽可以根據(jù)用戶行為不同， 劃分為四種狀態(tài)， 通過a 標簽的偽類可以將四種狀態(tài)選中設置為不同的樣式效果， 用戶觸發(fā)對應行為， 就可以加載對應的樣式。

一般會將訪問前和訪問后狀態(tài)設置為一樣的效果， 保證了頁面的統(tǒng)一性， 可以選擇性的設置鼠標移上和鼠標點擊狀態(tài)。

更加常用的一種設置方式如下：

a 標簽任何普通的選擇器， 可以同時選中四種狀態(tài)， 可以將四種狀態(tài)設置為相同的樣式， 屬性可以設置所有的 a 默認顯示樣式的屬性， 包括盒模型、 文字等。

a:hover 偽類選擇器： 設置鼠標移上時不一樣的樣式屬性。

屬性值都是使用代表方向的單詞進行書寫。

使用像素值作為背景定位的屬性值。

百分比表示法使用百分比數(shù)字作為屬性值。

100%代表的數(shù)值：

background 屬性可以將五個單一屬性的值進行合寫。

屬性值： 可以有 1-5 個屬性值， 值之間用空格進行分隔， 背景定位的兩個屬性值算作一個屬性值， 不能被分開也不能顛倒順序。 五個屬性值之間可以互換位置。

在h1 標簽是權重最高的標簽， 一般會在內部書寫最重要的內容， 比如 logo 圖片、 最大的標題等。

另外 h1 內部的文字， 可以幫助提高 SEO 搜索排名。

在設置的是 logo 圖片時， 如果使用插入圖， 就不能書寫搜索關鍵字。

如果想解決 SEO 問題， 可以將 HTML 結構中， 插入圖換成搜索關鍵字， 然后使用 css 添加背景圖給 a 標簽或 h1 標簽。

在一個盒子中有背景圖部分， 而且有文字內容， 文字會讓開背景圖區(qū)域進行加載，

背景區(qū)域應該使用 padding 擠出位置。

四個方向的 padding 都可能用于添加背景圖。

當用戶訪問一個網(wǎng)站時， 需要向服務器發(fā)送請求， 網(wǎng)頁上的每張圖像都要經過一次求才能展現(xiàn)給用戶。

然而， 一個網(wǎng)頁中往往會應用很多小的背景圖像作為修飾， 當網(wǎng)頁中的圖像過多時，服務器就會頻繁地接受和發(fā)送請求， 這將大大降低頁面的加載速度。為了有效地減少服務器接受和發(fā)送請求的次數(shù)， 提高頁面的加載速度， 出現(xiàn)了 CSS精靈技術（也稱 CSS Sprites、 CSS 雪碧） 。

CSS 精靈是一種處理網(wǎng)頁背景圖像的方式。

它將一個頁面涉及到的所有零星背景圖像都集中到一張大圖中去， 然后將大圖應用于網(wǎng)頁， 這樣， 當用戶訪問該頁面時， 只需向服務發(fā)送一次請求， 網(wǎng)頁中的背景圖像即可全部展示出來。

通常情況下， 這個由很多小的背景圖像合成的大圖被稱為精靈圖。

CSS3 支持背景半透明的寫法， 顏色值增加了一種 rgba 模式。

rgba 模式 ： 在 rgb 基礎上增加了一個不透明度的設置， 不透明度 alpha 取值范圍在0-1 之間， 0 表示完全透明， 1 表示完全不透明， 0.5 表示半透明。

書寫方式： rgba(紅色， 綠色， 藍色， 不透明度)

注意： 背景半透明是指盒子背景半透明， 盒子里面的內容不受影響。

通過 background-size 設置背景圖片的尺寸， 就像我們設置 img 的尺寸一樣， 在移動 Web 開發(fā)中做屏幕適配應用非常廣泛。

CSS3 中規(guī)定， 一個盒子上， 可以添加多個背景圖片。

background-image 的屬性值書寫時， 以逗號分隔多背景的 URL路徑地址。

注意： 背景加載時， 先寫的背景壓蓋后寫的背景圖片。

屬性名： position。

作用： 設置定位的元素， 它需要根據(jù)某個參考元素發(fā)生位置的偏移。

定位的元素要想發(fā)生位置的移動， 必須搭配偏移量屬性進行設置。

水平方向： left、 right。

垂直方向： top、 bottom。

屬性值： 常用 px 為單位的數(shù)值， 或者百分比。

子絕父相、 子絕父絕、 子絕父固

屬性值： absolute， 絕對的意思。

參考元素： 參考的是距離最近的有定位的祖先元素， 如果祖先都沒有定位， 參考body。必須搭配偏移量屬性才會發(fā)生位置移動。

性質： 絕對定位的元素脫離標準流， 會讓出標準流位置， 可以設置寬高， 也可以隨時定義位置， 絕對定位的元素不設置寬高只能被內容撐開。

注意1： 絕對定位的參考元素是不固定的， 不同的參考元素以及不同的偏移量組合，會導致絕對定位元素的參考點不同， 具體位移效果不同。

注意2： 在絕對定位中， 由于參考點不同， left 正值不再等價于 right 的負值。

以 body 為參考元素時， 參考點的確定與偏移量方向有關

第一， 如果有 top 參與的定位， 參考點就是 body 頁面的左上頂點和右上頂點。 自身的對比點是盒子的所有盒模型屬性最外面的左上角或右上角。

第二， 如果有 bottom 參與的絕對定位， 參考點是 body 頁面首屏的左下頂點或右下頂點。 對比點是盒子的所有盒模型屬性最外面的左下角或右下角。

實際應用中， 如果以 body 為參考元素， 不同分辨率的瀏覽器中， 絕對定位的元素位置是不同的， 所以較少使用 body 作為參考元素。

祖先級為參考元素

如果祖先級中有定位的元素， 就不會去參考 body 。

參考元素： 參考的是祖先元素中有任意定位的， 在 HTML 結構中距離目標最近的祖先。

如果絕對定位的參考元素是某個祖先級， 參考點是盒子 border 以內的四個頂點， 組合方向決定了參考點。 絕對定位的元素只關心對比點和參考點之間的距離， 會忽視參考元素的 padding 區(qū)域。

所有的定位類型都可以實現(xiàn)壓蓋效果。

由于絕對定位的元素脫標， 不占標準流位置， 壓蓋效果更徹底， 實際工作中， 常見的是 絕對定位制作壓蓋。

定位的元素不區(qū)分定位類型， 都會去壓蓋標準流或浮動的元素。

如果都是定位的元素， 在 HTML 中 后寫定位壓蓋先寫的定位 。

更改定位的元素的壓蓋順序， 設置一個 z-index 屬性。

屬性值： 數(shù)字。

CSS樣式的主要特點及其類型

CSS(Cascading Stylesheets，層疊樣式表)是一種制作網(wǎng)頁的新技術，現(xiàn)在已經為大多數(shù)的瀏覽器所支持，成為網(wǎng)頁設計必不可少的工具之一。

層疊樣式表的特點

且不說過去的網(wǎng)頁缺少動感，就是在網(wǎng)頁內容的排版布局上也有很多困難，如果不是專業(yè)人員或特別有耐心的人，很難讓網(wǎng)頁按自己的構思和創(chuàng)意來顯示信息。即便是掌握了HTML語言精髓的人也要通過多次地測試，才能駕馭好這些信息的排版，過程十分漫長和痛苦。為了Internet的發(fā)展，讓更多人早日踏足這個多姿多彩的世界，新的HTML輔助工具呼之欲出。

樣式表就是在這種需求下誕生的，它首先要做的是為網(wǎng)頁上的元素精確地定位，可以讓網(wǎng)頁設計者象導演一樣，輕易地控制由文字、圖片組成的演員們，在網(wǎng)頁這個舞臺上按劇本要求好好地表演。

其次，它把網(wǎng)頁上的內容結構和格式控制相分離。瀏覽者想要看的是網(wǎng)頁上的內容結構，而為了讓瀏覽者更好地看到這些信息，就要通過格式控制來幫忙了。以前兩者在網(wǎng)頁上的分布是交錯結合的，查看修改很不方便，而現(xiàn)在把兩者分開就會大大方便網(wǎng)頁的設計者。內容結構和格式控制相分離，使得網(wǎng)頁可以光由內容構成，而將所有網(wǎng)頁的格式控制指向某個CSS樣式表文件。這樣一來的好出表現(xiàn)在兩個方面:

第一，簡化了網(wǎng)頁的格式代碼，外部的樣式表還會被瀏覽器保存在緩存里，加快了下載顯示的速度，也減少了需要上傳的代碼數(shù)量(因為重復設置的格式將被只保存一次)。

第二，只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點的風格特色，在修改頁面數(shù)量龐大的站點時，顯得格外有用。避免了一個一個網(wǎng)頁的修改，大大減少了重復勞動的工作量，當你面對的是有數(shù)百個網(wǎng)頁的站點時，CSS簡直象是神對我們的恩賜!^_^

添加層疊樣式表的方法

我們?yōu)榫W(wǎng)頁添加樣式表的方法有四種。

1.最簡單的方法是直接添加在HTML的標識符(tag)里:

Tag style=”properties”網(wǎng)頁內容 /tag

舉個例子:

p style=”color: blue; font-size: 10pt”CSS實例 /p

代碼說明:

用藍色顯示字體大小為10pt的“CSS實例”。盡管使用簡單、顯示直觀，但是這種方法不怎么常用，因為這樣添加無法完全發(fā)揮樣式表的優(yōu)勢“內容結構和格式控制分別保存”。

2.添加在HTML的頭信息標識符 head里:

head

style type=”text/css”

!-- 樣式表的具體內容 --

/style

/head

type=”text/css”表示樣式表采用MIME類型，幫助不支持CSS的瀏覽器過濾掉CSS代碼，避免在瀏覽器面前直接以源代碼的方式顯示我們設置的樣式表。但為了保證上述情況一定不要發(fā)生，還是有必要在樣式表里加上注釋標識符“ !--注釋內容--”。

3、鏈接樣式表

同樣是添加在HTML的頭信息標識符 head里:

head

link rel=”stylesheet” href=”*.css” type=”text/css” media=”screen”

/head

*.css是單獨保存的樣式表文件，其中不能包含 style標識符，并且只能以css為后綴。

Media是可選的屬性，表示使用樣式表的網(wǎng)頁將用什么媒體輸出。取值范圍:

·Screen(默認):輸出到電腦屏幕

·Print:輸出到打印機

·TV:輸出到電視機

·Projection:輸出到投影儀

·Aural:輸出到揚聲器

·Braille:輸出到凸字觸覺感知設備

·Tty:輸出到電傳打字機

·All:輸出到以上所有設備

如果要輸出到多種媒體，可以用逗號分隔取值表。

Rel屬性表示樣式表將以何種方式與HTML文檔結合。取值范圍:

·Stylesheet:指定一個外部的樣式表

·Alternate stylesheet:指定使用一個交互樣式表

4、聯(lián)合使用樣式表

同樣是添加在HTML的頭信息標識符 head里:

head

style type=”text/css”

!--

@import “*.css”

其他樣式表的聲明

--

/style

/head

以@import開頭的聯(lián)合樣式表輸入方法和鏈接樣式表的方法很相似，但聯(lián)合樣式表輸入方式更有優(yōu)勢。因為聯(lián)合法可以在鏈接外部樣式表的同時，針對該網(wǎng)頁的具體情況，做出別的網(wǎng)頁不需要的樣式規(guī)則。

需要注意的是:

·聯(lián)合法輸入樣式表必須以@import開頭。

·如果同時輸入多個樣式表有沖突的時候，將按照第一個輸入的樣式表對網(wǎng)頁排版。

·如果輸入的樣式表和網(wǎng)頁里的樣式規(guī)則沖突時，使用外部的樣式表。

css樣式表怎么用啊

CSS的調用，按照CSS出現(xiàn)在頁面的不同位置，可以分為3種方法：

元素中直接使用；

從頁面頭部調用；

采用鏈接的形式調用。

不同的調用方法有不同的寫法和優(yōu)先級。下面分別做一下介紹。

一、元素中直接使用

這種調用方式的寫法如下：

元素名稱 style="屬性:屬性值;"/元素名稱

在樣式中直接使用CSS，語法是使用style標簽，在雙引號中，樣式的語法結構和獨立樣式表中完全相同。例如：

div style="width:240px;height:80px;background-color:#cccccc;text-align:center;font-size:14px"

示例：元素中直接調用。/div

該樣式中定義了元素寬、高為360、80像素，背景色為灰色，字體大小為14像素。其應用到頁面中的顯示如圖1。

二、從頁面頭部調用

從頁面頭部調用CSS是將CSS寫在頁面的head元素中，然后在頁面中調用。其語法結構如下：

style

選擇符{屬性:屬性值;}

/style

頁面上的所有樣式都可以寫在style和/style中。使用這種方式調用CSS，在頁面中必須有相應的調用代碼。

其中，類選擇符的調用代碼如下：

元素名稱 class="類選擇符名稱"/元素名稱

ID選擇符的調用代碼如下：

元素名稱 id="id 類選擇符名稱"/元素名稱

下面我們來用一個示例演示一下。

head

titleCSS調用方法/title

style

.content{

background-color: #cccccc;

font-size: 14px;

width: 240px;

height: 80px;

color: Blue;

text-align: center;

}

/style

/head

body

div class="content"示例：從頁面頭部調用。/div

/body

該樣式應用到頁面的效果如圖2所示。

三、采用鏈接的形式調用

采用鏈接的形式調用CSS通常有兩種方法：

使用link元素

使用link元素調用CSS的語法如下：

link rel="stylesheet" href="css文件路徑" type="text/css"/

其中rel="stylesheet"指這個link和其href之間的關聯(lián)樣式為樣式表文件。type="text/css"指文件類型是樣式表文本。

使用@import

使用@import調用和使用link元素調用的區(qū)別在于，使用@import的調用方法只能使用在樣式文件中，即只能在調用的樣式文件，或style元素中才能正常使用

CSS字體與文本樣式詳解

學習導航

1、css中的長度與顏色

2、css中的文字屬性

3、css中的文本屬性

1、文字樣式屬性

font-family 字體屬性

作用：元素內文字以什么字體來顯示

語法：font-family:[字體1],[字體2],[......];

說明：含空格字體名和中文，用英文引號（"）括起；多個字體用英文逗號隔開；引號嵌套，外使用雙引號，內使用單引號。

font-size 文字大小

作用：元素內文字大小

語法：font-size:絕對單單位，相相對單位

color 文字顏色

語法：顏色名|十六進制|RGB

font-weight 文字粗細

語法：font-weight:normal 正常 | bold 加粗 | bolder 加粗 | lighter 細體 | 100-900

說明：默認值：normal 400等同于normal,而700等同于bold

font-style 文字樣式

作用：為元素內文字設置樣式

語法：font-style:normal 正常顯示 | italic 文字傾斜 | oblique 文字傾斜（基本不用）

font-variant 字體變形

作用：設置元素中文本為小型大寫字母

語法：font-variant:normal 正常顯示| small-caps 將英文大小寫字母調成為同寬

font 屬性簡寫

語法：font:font-style font-variant ?font-weight font-size/line-height font-family;

說明：值之間空格隔開，注意書寫順序。

2、CSS文本樣式

text-align

作用：設置元素內文本的水平對齊方式

語法：tex-align:left 左對齊?| right 右對齊 | center 居中對齊 | justify 兩端對齊

注意：該屬性對塊級元素設置有效

line-height

作用：設置元素中文本行高

語法：line-height:長度值 | 百分比

說明：一行文字的高度，行高指文本行的基線間的距離

文字基線

注意：基線并不是漢字文字的下沿，看圖理解自行理解

行高和行距

行高：基線到基線的距離

行距：底線到頂線的距離

注意：看圖自行理解

行框和行內框

注意：看圖自行理解

vertical-align

作用：設置元素內容的垂直方式

語法：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ù)努力的動力，么么噠。

每日分享在學習過程中總結的學習經驗，學習筆記，筆試題，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以學習為目的，每天閱讀一篇文章，了解身邊的技術。陪有夢想的人一起成長！

如何用css樣式設計整個網(wǎng)站字體

網(wǎng)站字體分為兩種類型，一種是默認字體，一種是外部字體。

默認字體

如果整個網(wǎng)頁都要弄成宋體的話就將body定義為宋體即可，即在樣式表中加入：body{font-family:"宋體"}，如果只要一部分為宋體，那將那一部分的層的字體樣式定義為宋體就行了。

默認的字體有宋體、楷體、黑體、新宋體、仿宋等。

外部字體

樣式表中嵌入外部字體，用@font-face語法。

@font-face{font-family:name;src:url;sRules;}

name：為自定義字體名稱

url：使用絕對或相對地址指定OpenType字體

sRules：樣式表定義

如：

@font-face{

font-family:YH;

src:url();

}

然后再設置需要變換字體的樣式即可，如：body{font-family:YH}，字體名稱是上述所說自定義好的名稱。

css樣式的定義

t是定義在div+css中的一個類名

div class="t"

td/td

td/td

/div

.t是定義div class="t"/div上的整體樣式

.t td定義每個td/td的樣式

文章標題：css整體樣式,css樣式框架
瀏覽地址：http://jinyejixie.com/article12/dssiogc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、虛擬主機、商城網(wǎng)站、微信小程序、網(wǎng)站建設、網(wǎng)站導航

廣告

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