在CSS界面中有許多功能，而且這些功能對(duì)于我們的網(wǎng)頁設(shè)計(jì)都有著非常大的好處，不過在CSS基礎(chǔ)教程的過程當(dāng)中HTML樣式這是最基礎(chǔ)的一個(gè)技術(shù)過程，也是每一位初學(xué)者所要掌握的知識(shí)內(nèi)容。
CSS基礎(chǔ)教程——CSS中的HTML樣式如何使用
當(dāng)瀏覽器讀到一個(gè)樣式表，它就會(huì)按照這個(gè)樣式表來對(duì)文檔進(jìn)行格式化。有以下三種方式來插入樣式表：
外部樣式表當(dāng)樣式需要被應(yīng)用到很多頁面的時(shí)候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。
<HEAD><LINKREL=”STYLESHEET”TYPE=”TEXT/CSS”HREF=”MYSTYLE.CSS”></HEAD>
內(nèi)部樣式表當(dāng)單個(gè)文件需要特別樣式時(shí)，就可以使用內(nèi)部樣式表。你可以在HEAD部分通過<STYLE>標(biāo)簽定義內(nèi)部樣式表。
<HEAD><STYLETYPE=”TEXT/CSS”>BODY{BACKGROUND-COLOR:RED}P{MARGIN-LEFT:20PX}</STYLE></HEAD>
內(nèi)聯(lián)樣式當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí)，就可以使用內(nèi)聯(lián)樣式。使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何CSS屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
<PSTYLE=”COLOR:RED;MARGIN-LEFT:20PX”>THISISAPARAGRAPH</P>
標(biāo)簽
描述
<STYLE>定義樣式定義。
<LINK>定義資源引用。
<DIV>定義文檔中的節(jié)或區(qū)域（塊級(jí)）。
<SPAN>定義文檔中的行內(nèi)的小塊或區(qū)域。
<FONT>規(guī)定文本的字體、字體尺寸、字體顏色。不贊成使用。請(qǐng)使用樣式。
<BASEFONT>定義基準(zhǔn)字體。不贊成使用。請(qǐng)使用樣式。
<CENTER>對(duì)文本進(jìn)行水平居中。不贊成使用。請(qǐng)使用樣式。
CSS樣式如何設(shè)置HTML圖片背景
我們?cè)赥HML,創(chuàng)建一個(gè)DIV.并將這個(gè)DIV的背景設(shè)置為圖片，當(dāng)然，如果您需要將圖片作為整個(gè)頁面的背景，以下步驟也同樣適用與您。
在上圖中，有幾個(gè)DIV，我們以ID為D1的DIV為例。
創(chuàng)建了DIV后，我們需要為DIV添加樣式。添加樣式我們?nèi)繉懺贑SS文件中，并在HTML頁面中引用。
具體的樣式入下圖所示：
我們首先使用了一張為REGIST.PNG的圖片作為背景，將其設(shè)置為背景。將圖片作為背景的具體代碼入下圖所示。
如果我們的背景小于我們的頁面，而頁面沒有固定寬度的話，那么圖片背景就會(huì)產(chǎn)生平鋪，我們需要設(shè)置不讓其自動(dòng)平鋪。
利用可以對(duì)您的圖片進(jìn)行等比例擴(kuò)大，當(dāng)然也可以拉伸，拉伸會(huì)失真，這不是明智的做法。不過等比例獲得您也會(huì)失去一部分圖片。具體效果您可以試一試看。
裁剪溢出部分。
如果您的DIV已經(jīng)有了需要占滿全屏，您的DIV的寬度可以設(shè)置為100%,這樣您的DIV會(huì)隨您的頁面改變其尺寸，但對(duì)于我們具體的業(yè)務(wù)DIV的寬度與高度根據(jù)您的需要進(jìn)行設(shè)置即可。
如果您的DIV需要居中，您可以設(shè)置MARGRIN:0AUTO即可。
以上就是CSS基礎(chǔ)教程的所有內(nèi)容，我要掌握CSS，那么就一定要從這些基礎(chǔ)教程開始，在每天要花費(fèi)一定的時(shí)間來聯(lián)系，各位初學(xué)者，從現(xiàn)在開始計(jì)劃吧，如果你還想了解更多與之相關(guān)的內(nèi)容，歡迎關(guān)注我們文軍營銷的官網(wǎng)。
推薦閱讀
400-685-0732(7x24小時(shí))
關(guān)注文軍
