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