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