首頁 > web前端 > html教學 > 幾種關於html和css的使用方法

幾種關於html和css的使用方法

零到壹度
發布: 2018-03-19 10:41:17
原創
1754 人瀏覽過

本文主要跟大家介紹了幾種關於html和css的使用方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。

HTML使用方法篇

#一:顏色代碼
如果你想使用某種顏色,取得它的顏色值即可。例如,您想要改變某些文字的顏色,可以使用下面的程式碼:改變#符號後的程式碼即可改變顏色

二:文字加粗傾斜的程式碼 

◆文字加粗的程式碼是: 你好 ◆文字傾斜的程式碼是: 你好! ◆底線字: 


三:文字連結程式碼
如果您想點擊某處文字會連接到另外一個網頁的效果,這是超鏈接,代碼是這樣:
共享空間如果要點了這個文字以後重新打開一個窗口的話,代碼是:共享空間

四:在網站上放圖片的代碼
如果你看到一個好看的圖片想放到網站上,程式碼是這樣的:

後面的數字調整圖片的尺寸大小。

五:圖片連結程式碼
如果要點一下圖片就能開啟一個網站的連結程式碼是這樣的:
<
如果要點一下圖片就能打開一個網站的鏈接,並且重新打開一個視窗。程式碼是這樣的:
上面的數字都能調整圖片尺寸大小。

#六:換行程式碼

#######

如果你想換行,直接用Enter鍵是不行的,需要在你想換行的位置輸入

,這樣就會分成兩行顯示,整個網站看起來也不會是一大片了,而是段落分明。

七:文字移動的程式碼是
這裡寫文字

八:手機圖片的程式碼

把裡面的圖片地址換成你的就行想多放一個圖片就按照格式在中間插入:

裡面的圖片位址自己訂。

九:背景音樂的代碼
如果想在你的網站上放上一段好聽的背景音樂,代碼是:
裡面的背景音樂地址可以自己替換。
前面的是音樂位址,一般都以mid或mp3的形式結尾 後面的數字是播放次數。
http://www.midifan.com/midi/
這個網站都有好的背景音樂

#十:在網站中插入一個flash動畫的程式碼是
src="http://flash.shangdu.com/view/2/fff.swf";> 裡面的動畫位址換成你的.動畫位址都要以swf的形式結尾。這點需要注意。

十一:開啟網站時候出現的歡迎詞程式碼


#2:關閉網站的時候出現的話


十三:打開網站的時候自己做一個彈出視窗的廣告

裡面的http://163.com/ 這個是你預先做好的一個網頁,後面的數字是調整大小和位置的,你自己多試驗幾次。

十四:滑鼠感應字型變成紅色

程式碼如下:插在之間

#

<span style="font-size: 16px;"><STYLE type=text/css>TD { <br/>FONT-SIZE: 12px <br/>} <br/>BODY { <br/>FONT-SIZE: 12px <br/>} <br/>INPUT { <br/>FONT-SIZE: 12px <br/>} <br/>A:link { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:visited { <br/>COLOR: #000000; TEXT-DECORATION: none <br/>} <br/>A:active { <br/>COLOR: blue; TEXT-DECORATION: none <br/>} <br/>A:hover { <br/>COLOR: red; TEXT-DECORATION: underline <br/>} .so { <br/>BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc <br/>} <br/></STYLE> <br/></span>
登入後複製


十五:禁止別人複製你網頁的程式碼:


十六:把它網頁放入自已網頁中的程式碼:

網頁中使用CSS樣式表的五種方法

一、使用STYLE屬性

將STYLE屬性直接加在個別的元件標籤裡,< ;元件(標籤) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}

例如:

這種用法的優點是可靈巧應用樣式於各標籤中,但是缺點則是沒有整篇文件的『統一性』。

二、使用STYLE標籤

 將樣式規則寫在標籤之中。

例如:


<STYLE TYPE="text/css">
<!--
BODY {
  color: BLUE;
  background: #FFFFCC;
  font-size: 9pt}
TD, P {
  COLOR: GREEN;
  font-size: 9pt}
-->
</STYLE>
登入後複製

通常是將整個的結構寫在網頁的 部分之中。這種用法的優點就是在於整篇文件的統一性,只要是有聲明的元件即會套用該樣式規則。缺點就是在個別元件的彈性不足。

三、使用 LINK標籤######

 将样式规则写在.css的样式档案中,再以标签引入。
假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入

即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。


四、使用@import引入

 跟LINK用法很像,但必 放在 中。

例如:

要注意的是,行末的分号是绝对不可少的!

五、使用标记引入样式

例如:网页教学网

以上是幾種關於html和css的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板