欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > div css问集 >

CSS新元素代码构建简洁,VS,div布局

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!--<meta http-equiv="refresh" content="1;http://www.baidu.com" -->

<meta name="keywords" content="LOGO,平面设计"

<meta name="author" content="设计师骆驼"

<meta name="description" content="主要制作平面设计"

<meta name="generator" content="DW""

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

header{

background-color: #CF3;

height: 100px;

width: 100%;

}

section{

background-color: #F60;

height: 800px;

width: 100%;

}

footer{

background-color: #CF3;

height: 100px;

width: 100%;

padding: 10px;

}

aside-1{

background-color: #0FC;

height: 800px;

width: 20%;

float: left;

}

aside-2{

background-color: #0FC;

height: 800px;

width: 20%;

float: right;

clear: right;

}

</style>

</head>

<body>

<header>

<p>设计骆驼:微信994230521</p>

<p>喜欢设计就关注设计插入LOGO</p>

</header>

<aside-1>

<article>

<p>盼望</p>

<p>席慕蓉</p>

<p>其实</p>

<p>我盼望的</p>

<p>也不过就那么一瞬</p>

<p>我从来没有要求过你给我你的一生</p>

<p>如果能在开满栀子花的山坡上</p>

<p>与你相遇</p>

<p>能深深的爱过一次在别离</p>

<p>那么</p>

<p>再长久的一生</p>

<p>不也是只是回首时那短短的一

瞬</p>

</article>

</aside-1>

<aside-2>

<h1>现代诗歌:放弃爱情</h1>

<p>放弃无数次爱情开花的时候</p>

<p> 爱情在层层残叶上 化成露珠</p>

<p> 爱情在时间中走去</p>

<p> 光明和黑暗象是一对恋人</p>

<p> 永远相伴在一起</p>

<p> 却无法心和心在一起</p>

<p> 这就是我放弃爱情的理由</p>

</aside-2>

<section>技术设计是根据已经得到批准的初步设计而编制的更精确、更完备、更具体的文件和图纸。初步设计是按照设计任务书的内容,对设计的工程项目提出基本的技术决策,确定基本的技术经济指标,并拟出工程概算的文件和图纸。技术设计要确定初步设计中所采取的工艺过程、建筑物和构筑物、校正设备的选择及其数量的误差、确定建设规模和技术经济指标,并作出修正概算的文件和图纸。?[1]<a name="ref_[1]_3869296" id="ref_[1]_3869296">?</a></section>

<footer>

<p>本网站(网站地址)刊载的所有内容,包括文字、图片、音频、视频、软件、程序、以及网页版式设计等均在网上搜集。</p>

<p> </p>

</footer>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

</body>

</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w50854.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-09-13 22:35 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。