首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css和html样式的分类与调用(,举个例子呗)

2012-10-17 
css和html样式的分类与调用(呵呵,举个例子呗)分离前:htmlheadtitleCSS定位实例/title/headbody

css和html样式的分类与调用(呵呵,举个例子呗)
分离前:

<html>  <head>     <title>CSS定位实例</title>  </head>  <body> <div style="position:absolute;left=100,top=20;visibility=visible">  下面这个图片是可见的:  <img src="1111.gif"/> </div> <div style="position:absolute;left=100;top=60;visibility=hidden">  下面这个图片是不可见的:  <img src="111.jpg"/> </div>  </body></html>

分离后:
<html><head><title>CSS定位实例</title><style>#a{position:absolute;left=100,top=20;visibility=visible}.b{position:absolute;left=100;top=60;visibility=hidden}</style></head><body> <div id="a">  下面这个图片是可见的:  <img src="1111.gif"/> </div><div class="b">  下面这个图片是不可见的:  <img src="111.jpg"/> </div></body></html> 

热点排行