结构与表现分离的思想

网页制作中，结构，表现，行为分离。

微博用户发言信息列表制作

高级思路：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>高级</title>
<style type="text/css">
.demo03{width:458px;padding:20px;background:#9CF;border:1px soid #ccc;margin-left:100px;}
.demo03 img{float:left;margin-left:-20px,o,o,-100px;}
</style>
<body>
<div class="deom03">

<h6>樱桃小丸子</h6>
<p>打击我埃德加偶爱ii我的骄傲我</p>
<span>10分钟之前</span>
</div>
</div>
</body>
</html>

电话号码布局制作

text-indent:143px;

排行榜制作

h5增加背景图
h6移动到位置 margin:-25px 0 0 50px

当拿到一个网页设计图时，首先要关注网页的文字内容，还有里面的内容模板之间的关系，先把重点放在编写语义的h代码上，而不要考虑结构样式，等到html结构完成后再考虑样式的实现、力求不改变原有的结构上，去改变原设计图的实现效果。

网页换肤

相同的HTML结构，不同的CSS样式

转载于:https://www.cnblogs.com/dingruinb/p/6540791.html

结构与表现分离的思想相关推荐

html5结构与表现分离原则,网页简单布局之结构与表现原则分享
一般来说html结构 css表现 javascrip行为,网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析. 结构与表现相关内容简介 h ...
html页面多层次结构布局,网页简单布局之结构与表现原则分享
结构与表现相关内容简介 html结构 css表现 javascrip行为网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析-- 结构与表 ...
结合html和css制作页面的布局结构,CSS Div网页布局中的结构与表现
在Web标准中一个很重要的概念就是强调页面的结构与表现分离.说的通俗一点就是XHTML中应该没有样式化的东西,而且Web在浏览器中除内容外都应该由CSS表现,这包括布局与其它样式.一旦一个标准的XHT ...
Unity手游实战：从0开始SLG——逻辑与表现分离以及实战ECS架构和优化
这是侑虎科技第612篇文章,感谢作者放牛的星星供稿.欢迎转发分享,未经作者授权请勿转载.如果您有任何独到的见解或者发现也欢迎联系我们,一起探讨.(QQ群:793972859) 作者主页:https:/ ...
控制面与数据面分离的思想及其应用
前言控制面与数据面是个网络方面的概念,但控制面与数据面分离的思想是非常有创造力并值得加以利用的. 缘起云计算是个伟大的创造,它使得普通人能够透过网络享受到强大的计算能力,而且,这种计算能力是按需分 ...
Unity手游实战：从0开始SLG——ECS战斗（三）逻辑与表现分离
上一篇大概讲了ECS的设计思想,有提到优势也有提到劣势,优势是设计层面的,劣势是实现层面的.那么一套好的框架就是要保证如何保持优势的设计,而在实现时规避劣势所带来的问题逻辑和表现分离.有时候也叫业务 ...
后端程序设计课设，基于Java面向对象思想，MySQL数据库，Tomcat服务器实现网上商城网站。前后端分离开发思想，实现前后端信息交互。
文章目录项目展示开发环境使用关键技术项目实现的主要功能项目完成效果项目技术核心介绍 MVC开发模式 Ajax实现前后端通信 MySQL数据库连接(使用连接池) 自动生成验证码程序项目源代 ...
C\S结构的插件式开发思想以及向B\S结构的架构延伸（二）
忙碌的好多天过去了,自从上一贴发出后,不少同仁都对插件式开发提出了自己的看法以及分享一些插件式开发比较典型的例子,感谢李锋.肖明等同仁的分享,也感谢所有顶贴的同志,今天来分享一下插件式开发著名的产品 ...
HTMLCSS- 对Web标准的理解（结构、表现、行为）
WEB标准不是某一个标准,而是一系列标准的集合.网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分三方面:结构化标准语言主要 ...

结构与表现分离的思想

结构与表现分离的思想相关推荐

最新文章

热门文章