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

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

HTML使用方法篇

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

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

◆文字加粗的程式碼是: a4b561c25d9afb9ac8dc4d70affff419你好0d36329ec37a2cc24d42c7229b69747a ◆文字傾斜的程式碼是: 5a8028ccc7a7e27417bff9f05adf5932你好！ 72ac96585ae54b6ae11f849d2649d9e6 ◆底線字：88f336217b3880082bb52d49b5de60a504e11139013d3ca73accef66348e2e58 

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

四：在網站上放圖片的代碼
如果你看到一個好看的圖片想放到網站上，程式碼是這樣的：
aada1293e03c1d5f6723ae5b895d0d56
後面的數字調整圖片的尺寸大小。

五：圖片連結程式碼
如果要點一下圖片就能開啟一個網站的連結程式碼是這樣的：
5274219e47fac1d792640dce8330c4f0aada1293e03c1d5f6723ae5b895d0d565db79b134e9f6b82c0b36e0489ee08edf387b55d023c6c856cdc4004fe907c61a183ca3665ac391a86081e6b59fd72675db79b134e9f6b82c0b36e0489ee08ed上面的數字都能調整圖片尺寸大小。

#六：換行程式碼# 

#######

如果你想換行，直接用Enter鍵是不行的，需要在你想換行的位置輸入0c6dc11e160d3b678d68754cc175188a
，這樣就會分成兩行顯示，整個網站看起來也不會是一大片了，而是段落分明。

七：文字移動的程式碼是
ed126914ed1419bab26abf7cf307b7b9這裡寫文字7204e33a7a23f6efcc788532e245c31b

八：手機圖片的程式碼
ed126914ed1419bab26abf7cf307b7b92b6c998868e2c394717cd7f41d0243358a18fc35e9ede15d4bb8b3f744961cfffa63ae1835d788041ba009a929383cc6ed126914ed1419bab26abf7cf307b7b9
把裡面的圖片地址換成你的就行想多放一個圖片就按照格式在中間插入：
73722ad565e450560be788e301e9fa7b
裡面的圖片位址自己訂。

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

#十：在網站中插入一個flash動畫的程式碼是
f17c5bc1a83134fc29a4231f3d160336 裡面的動畫位址換成你的.動畫位址都要以swf的形式結尾。這點需要注意。

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

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

十三：打開網站的時候自己做一個彈出視窗的廣告
1a24b17f85e15c83fc29b7760e40bfcb
var TimerID=1;
window.open('http://163.com'/;,'','width=600,height=300,left =100,top=50');
2cacc6d41bbb37262a98f745aa00fbf0
裡面的http://163.com/ 這個是你預先做好的一個網頁，後面的數字是調整大小和位置的，你自己多試驗幾次。

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

程式碼如下：插在6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956之間

#

<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>

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

eb86da83b02bea45195dd2a5bf82263b093fd97c861cbe789149c399ad2b038c

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

一、使用STYLE屬性

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

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

二、使用STYLE標籤

 將樣式規則寫在812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47標籤之中。
5be912364e4d35410960d652a0dd27f8
9d25224d4f7bbec2b8339d4680258005
a2d87b9af1e305217ec9648d1e8a0a47

例如：

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

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

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

 将样式规则写在.css的样式档案中，再以3e76e57fc5dd9b761bdd2082385f4936标签引入。
假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入
da30ee2ff660345f2e6be2e81e7cc4e3
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。


四、使用@import引入

 跟LINK用法很像，但必　放在812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 中。
5be912364e4d35410960d652a0dd27f8
be049e263c7d56eeab69476db56e0438
a2d87b9af1e305217ec9648d1e8a0a47
例如：
5be912364e4d35410960d652a0dd27f8
3d2d9d479ab72e9c84a4114dc1a05204
a2d87b9af1e305217ec9648d1e8a0a47
要注意的是，行末的分号是绝对不可少的！

五、使用45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114标记引入样式

例如：26740f8c7bed0307fd7ed162bbc878f1网页教学网54bdf357c58b8a65c66d7c19c8e4d114

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