几种关于html和css的使用方法

本文主要和大家介绍了几种关于html和css的使用方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。

HTML使用方法篇

一：颜色代码
如果你想使用某种颜色，取得它的颜色值即可。比如，您想改变某些文字的颜色，您可以使用下面的代码：a56fb915315113118de79a8671cca6a5改变#符号后的代码即可改变颜色e6e38b3c62e8df885fe2e3986461aa63

二：文字加粗 倾斜的代码 

◆文字加粗的代码是: a4b561c25d9afb9ac8dc4d70affff419你好0d36329ec37a2cc24d42c7229b69747a ◆文字倾斜的代码是: 5a8028ccc7a7e27417bff9f05adf5932你好！72ac96585ae54b6ae11f849d2649d9e6 ◆底线字：88f336217b3880082bb52d49b5de60a504e11139013d3ca73accef66348e2e58 

三：文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：
7b6715dc55e3feda1aa5b3dc815975fa共享空间5db79b134e9f6b82c0b36e0489ee08ed如果要点了这个文字以后重新打开一个窗口的话，代码是：410c583dc93226469c3d87ff9424f85d共享空间5db79b134e9f6b82c0b36e0489ee08ed

四：在网站上放图片的代码
如果你看到一个好看的图片想放到网站上，代码是这样的：
0b17189fb1dc783e82e3f137d26b2128
后面的数字调节图片的尺寸大小。

五：图片链接代码
如果要点一下图片就能打开一个网站的链接代码是这样的：
fa52c845bca281372ae2b0f2143479d20b17189fb1dc783e82e3f137d26b21285db79b134e9f6b82c0b36e0489ee08ed
如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。代码是这样的：
7c32821d5087cba3434a79893a6691700b17189fb1dc783e82e3f137d26b21285db79b134e9f6b82c0b36e0489ee08ed上面的数字都能调节图片尺寸大小。

六：换行代码 

如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入0c6dc11e160d3b678d68754cc175188a
，这样就会分成两行显示 ，整个网站看起来也不会是一大片了，而是段落分明。

七：文字移动的代码是
ed126914ed1419bab26abf7cf307b7b9这里写文字7204e33a7a23f6efcc788532e245c31b

八：移动图片的代码
ed126914ed1419bab26abf7cf307b7b9a9c874bfd7840610dc52a050a71872fc47c46cd20f05114364db7e7b931c57eb53e3b24113868b5adbbcbf27a4c4ee64ed126914ed1419bab26abf7cf307b7b9
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入：
47c46cd20f05114364db7e7b931c57eb
里面的图片地址自己定。

九：背景音乐的代码
如果想在你的网站上放上一段好听的背景音乐，代码是： 3a3070c1c41f0cb64c00e6db9d81ac53
e31ab07b32255b48c9bcdb980c53ce3f 里面的背景音乐地址你能自己替换。
前面的是音乐地址，一般都以mid或者mp3的形式结尾 后面的数字是播放次数。
http://www.midifan.com/midi/
这个网站都有好的背景音乐

十：在网站中插入一个flash动画的代码是
a265facaea5d00819610008d53ee1c00 里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。

十一：打开网站时候出现的欢迎词代码
65cad75f0d86e2a3cdf70e76a8d53a00

十二：关闭网站的时候出现的话
b74f5b8f87b968ee87df3051e35e90f8

十三：打开网站的时候自己做一个弹出窗口的广告
10a80d49cacb7ad8386f440152676a4b
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>

十五：禁止他人复制你网页的代码：

0834f3339328a6520edd6073bcf1b0ea

十六：把其它网页放入自已网页中的代码：

5a69bba332850a9702c7839f5ee7c2b6093fd97c861cbe789149c399ad2b038c

网页中使用CSS样式表的五种方法

一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里，4b3cda354f6d67ea683b902378e9ac7e
这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签

 将样式规则写在812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47标签之中。
57fe8c4ee88b2d67716d396e9214f914
2e9df374af99c46340f7428d0fdb1925
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的档案，我们只要在网页中加入
36379683698c38774e48ebab96083fdd
即可套用该样式档案中所制定好的样式了。 通常是将LINK标签写在网页的93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。


四、使用@import引入

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

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

例如：34d8669a3aa43ad8a462a3143d221878网页教学网54bdf357c58b8a65c66d7c19c8e4d114

以上是几种关于html和css的使用方法的详细内容。更多信息请关注PHP中文网其他相关文章！