- friendship connection
自由淘
午梅
爱特流体控制有限公司
大连鲁班软件有限公司
圣诞岛海参
富地机械制造有限公司
购物派
华夏红
彩中网
尚和会馆
div+css 文字弧形排版
文字绕着半圆形的图片环绕排版,不用PS做成图片,还要动态更新文字,要用div+css做,您知道怎么做吗?看看下面的实例您就会明白了。
符合Web标准的网站首先一点条件是网页能够通过W3C的代码校验,W3C提供了一个帮助使用使用者校验自己网站各方面语法程序,W3C目前提供了HTML / XHTML / CSS / RDF / P3P / XML /等多种标记语言的校验工具,如果你使用了这些语言来构建你的网站及应用,可以使用相关的工具进行语法校验。通过校验是学习Web标准的第一步,如果你在设计符合Web标准的网站中最后能够通过W3C校验,那么证明你的网页在Web标准的语法层面的使用上是没有问题的。但是仅仅为通过W3C校验而设计的网页是没有价值的,符合Web标准的另一层含义是使用Web标准中的各项技术将网站表现与内容完全分离,从根本上改变现有网站的结构为网站带来革新性的变化。所以我们认为通过W3C校验是学习与测试自己对Web标准中的技术性语法掌握的基础,而真正需要符合Web标准,还是需要不断学习与提高在网站架构设计上的经验,实现网站表现与内容的分离。答案是肯定的,HTML也是W3C的标准之一,之所以推荐使用XHTML是因为HTML的设计形式已经不能满足表现与内容分离式的网站架构,但是如果继续使用HTML来构建的话,从最终目标上来说是没有差别,通过完整的HTML标记语言,也同样能够通过W3C的校验,最终网页的显示也不会有什么问题。不过在这里还是继续向大家推荐使用XHTML,必尽XHTML提供更合理的结构,在Web标准设计之中会得到方便,在未来也方便顺利过渡到XML。
这是样式表
<style>
<!--
#layout p{
line-height:180%;
font-size:12px;
padding-top:10px;
}
#layout{
width:520px;
margin:0px auto;
background:url(img.jpg) no-repeat 0px 10px;
text-align:justify;
text-justify:inter-ideograph;
}
#l1,#l2,#l3,#l4,#l5,#l6,#l7,#l8,#l9{
float:left;
clear:left;
display:block;
}
#l1{width:0px;height:18px;}
#l2{width:80px;height:28px;}
#l3{width:150px;height:20px;}
#l4{width:220px;height:38px;}
#l5{width:240px;height:38px;}
#l6{width:240px;height:38px;}
#l7{width:220px;height:38px;}
#l8{width:180px;height:30px;}
#l9{width:120px;height:25px;}
-->
</style>
这是html 代码
<div id="layout">
<div id="l1"></div>
<div id="l2"></div>
<div id="l3"></div>
<div id="l4"></div>
<div id="l5"></div>
<div id="l6"></div>
<div id="l7"></div>
<div id="l8"></div>
<div id="l9"></div>
<p >符合Web标准的网站首先一点条件是网页能够通过W3C的代码校验,W3C提供了一个帮助使用使用者校验自己网站各方面语法程序,W3C目前提供了HTML / XHTML / CSS / RDF / P3P / XML /等多种标记语言的校验工具,如果你使用了这些语言来构建你的网站及应用,可以使用相关的工具进行语法校验。通过校验是学习Web标准的第一步,如果你在设计符合Web标准的网站中最后能够通过W3C校验,那么证明你的网页在Web标准的语法层面的使用上是没有问题的。但是仅仅为通过W3C校验而设计的网页是没有价值的,符合Web标准的另一层含义是使用Web标准中的各项技术将网站表现与内容完全分离,从根本上改变现有网站的结构为网站带来革新性的变化。所以我们认为通过W3C校验是学习与测试自己对Web标准中的技术性语法掌握的基础,而真正需要符合Web标准,还是需要不断学习与提高在网站架构设计上的经验,实现网站表现与内容的分离。答案是肯定的,HTML也是W3C的标准之一,之所以推荐使用XHTML是因为HTML的设计形式已经不能满足表现与内容分离式的网站架构,但是如果继续使用HTML来构建的话,从最终目标上来说是没有差别,通过完整的HTML标记语言,也同样能够通过W3C的校验,最终网页的显示也不会有什么问题。不过在这里还是继续向大家推荐使用XHTML,必尽XHTML提供更合理的结构,在Web标准设计之中会得到方便,在未来也方便顺利过渡到XML。 </p>
</div>
上一篇:关于ie中用png图片做背景的众多问题的解决
下一篇:什么是CSS hack
- >> more看看其他人的看法
- 热点文章
- 100个极富创造性的Twitter背景
- CSS3模拟实现太阳系
- 47个惊人的CSS3动画演示
- 完全用CSS3画的机器猫,你相信吗?
- CSS中的行为——expression
- CSS文字控制之letter-spacing和word-spacing
- 一个tableless的CSS表单设计
- css给容器和图片添加阴影效果
- 关于if条件注释 <!--[if IE]> <!--[if !IE]>
- 网站设计中的色彩设计—色彩的调和
- css圆角矩形的另类做法
- 网站设计中的色彩设计—色调
- 网站设计中的色彩设计—色彩的对比(二)
- 网站设计中的色彩设计—色彩的对比(一)
- css给你灵感—用css做的翻页书
- 网站设计中的色彩设计—认识色彩
- ie6下png图片做背景的循环及定位问题
- 如何用photoshop设计绿色时尚的Web版面
- CSS菜单列表设计
- css给你灵感—CSS渐变文本效果
