仓酷云

标题: 今天来学习自己利用的页面经常使用结构及款式代码 [打印本页]

作者: 莫相离    时间: 2015-1-16 10:36
标题: 今天来学习自己利用的页面经常使用结构及款式代码
你可能会说,好多英文看不懂,不过我告诉你,很抱歉那三个英文你必须记住,而且是最重要的三个,你可以把这么个盒子看成一个DIV,而所有标签都带有这三个属性。
上面的代码是自己经常使用的div+css结构经常使用款式,没有测试W3C认证,应当是通不外。不敷这处请人人赐与改正。

这是css代码部分:
@charset"utf-8";
@importurl("/css/global.css");

/*主体*/
body{background:#41bfef;}
#container{margin:8pxauto;width:900px;}
a{color:#333;}

/*顶部*/
#header{height:100px;background:#fff;margin-bottom:5px;}
#headerh1{margin:15px;}

/*两头*/
#maincontent{margin-bottom:5px;}
/*两头侧边*/
#sidebar{float:left;width:240px;}
.panel{border:1pxsolid#ed6400;background:#fff;margin-bottom:5px;}
.panelh3{background:#ff911a;border-bottom:1pxsolid#ed6400;color:#fff;line-height:22px;text-indent:8px;}
.pcontent{padding:6px;}
/*两头主体*/
#content{margin-left:242px;height:auto;>height:100px;}

/*底部*/
#footer{border-top:4pxsolid#E1E1E1;padding:5px;}
#footerspan{float:right;}
这是页面代码部分:
[quote]<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>用户博客主页</title>
<linkhref="/css/userindex.css"rel="stylesheet"type="text/css"/>
</head>
<body>
<divid="container">
<divid="header">
<h1>主页称号</h1>
</div>
<brclass="clearfloat"/><!--用于扫除浮动的元素-->
<divid="mainContent">
<divid="sidebar">
<divclass="panel">
<h3>块题目</h3>
<divclass="pcontent">此处显现class"pcontent"的内容</div>
</div>
<divclass="panel">
<h3>块题目</h3>
<divclass="pcontent">此处显现class"pcontent"的内容</div>
</div>
</div>
<divid="content">
<divclass="panel">
<h3>块题目</h3>
<divclass="pcontent">此处显现class"pcontent"的内容</div>
</div>
<divclass="panel">
<h3>块题目</h3>
<divclass="pcontent">此处显现class"pcontent"的内容</div>
</div>
</div>
</div>
<brclass="clearfloat"/><!--用于扫除浮动的元素-->
<divid="footer"><span><ahref="#">本站日记</a>|<ahref="#">关于</a>|<ahref="#">匡助</a>|<ahref="#">隐私声明</a></span>Copyright
作者: 乐观    时间: 2015-1-18 06:58
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
作者: 海妖    时间: 2015-1-25 12:10
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
作者: 仓酷云    时间: 2015-2-2 22:04
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
作者: 第二个灵魂    时间: 2015-2-8 12:24
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 小魔女    时间: 2015-2-25 15:10
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
作者: 简单生活    时间: 2015-3-15 18:28
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
作者: 冷月葬花魂    时间: 2015-3-22 03:10
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2