今天来学习自己利用的页面经常使用结构及款式代码

只看该作者 · 发表于 2015-1-16 10:36:18

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

你可能会说，好多英文看不懂，不过我告诉你，很抱歉那三个英文你必须记住，而且是最重要的三个，你可以把这么个盒子看成一个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:47

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

只看该作者 · 发表于 2015-1-25 12:10:33

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

仓酷云 · 发表于 2015-2-2 22:04:01

直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

只看该作者 · 发表于 2015-2-8 12:24:12

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-2-25 15:10:24

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

只看该作者 · 发表于 2015-3-15 18:28:12

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-3-22 03:10:27

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 今天来学习自己利用的页面经常使用结构及款式代码

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子