又一个典型css实例
更新时间：2006年12月11日 00:00:00 作者：
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" Content="PR，qq:50198763" />
<title>PR</title>
<style type="text/css" media="screen">
<!--
@charset "gb2312";
/* PR css 全局设置 */
body,a,strong,input,button,h1,h2,h3,h4,h5,h6,h7 {font:12px "Arial","宋体","Tahoma","QQ 50198763",sans-serif;}/*12px大，字体优先：Arial,然后:宋体,Tahoma,族科:sans-serif*/
html,body {height:100%;}/*设置浏览器高度为100%*/
body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}/*设置body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6内外补丁为0*/
div,p {display:block;}/*所有div,p为块元素*/
ul,ol,dl {list-style:none;}/*所有项目符号显示无*/
img {border:0;}/*所有图片边框无*/
a {text-decoration:none;}/*所有链接无修饰[上,下划线,虚线...]*/
a:hover {text-decoration:underline;}/*所有链接鼠标放上时为下划线*/
button {cursor:pointer;}/*所有按钮鼠标放上时为手型标志*/
/* 全局设置完毕 */
/* 布局 */
#box { width:548px; padding-bottom:8px; }
#box h3 { height:17px; padding-top:10px; }
#box .bg { padding:5px 10px 0; }
/* 修饰 */
#box { background:url("images/left-btm.gif") no-repeat center bottom; }
#box h3 { font-weight:bolder; font-size:12px; text-indent:2.5em; background:url("images/left-toptle.gif") no-repeat; }
#box .bg { background:url("images/left-mid.gif") repeat-y; }
-->
</style>
</head>
<body>
<div id="box">
<h3>小狗无道</h3>
<div class="bg">
<p>测试内容</p>
<p>测试内容</p>
<p>测试内容</p>
</div>
</div>
</body>
</html>
下载此文件
相关文章
现在我们可以选择浏览器非常多，所以浏览器的环境也是种类繁多，同一个浏览器也是包含各种不同的版本，不同的版本之间的渲染方法也存在差异，它们支持的 HTML5、CSS3 特性恐怕也不尽相同。这种情况于是造成Web开发者在开发网站时，要面对数量庞大的浏览器种类2014-03-03
最近趁离职，我在做一个论坛系统，练练手，需要一个论坛首页的html页面，深知自己美工极差，心里很苦啊。于是买了本div+css网站布局的书，没想到讲得还不错，感觉长进很快，于是磨拳擦掌非要自己写一个不可，高手末笑。代码伺候。2008-11-11
dhtml shtml xhtml的区别解析...2007-06-06
收集了一些CSS Hack方便解决令人头疼的兼容性问题的时候查询2008-04-04
许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解.2008-03-03
用过DIV+CSS seo教程布局网站的人都会喜欢上这种方式，虽然开始没有用传统的table直观，但用习惯了就会感觉出DIV+CSS的优越。实际应用中我搜索了DIV+CSS的常用定义项，并对其参数作了归纳和说明，与喜欢DIV+CSS的朋友共享。2008-09-09
css静态滤镜 + A:Hover...2006-11-11
在iframe中隐藏横向滚动条的方法大全...2007-01-01
创建无表格网站的原因和原则 译文...2007-03-03
Iframe自适应其加载的内容高度...2007-01-01
最新评论