仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 919|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS模块化头脑的上风

[复制链接]
因胸联盟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:03:21 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
网页制造WEB文章简介:名字,你看名字多主要,我不太分明。我写书的话我的书被人改动称号往误导他人我是不喜好的。这是我一向说的作为一个手艺职员应该恪守的原则――互联网创作共享协定。我不克不及抄一个刚进门的小伴侣Idea(由于他们头脑没被监禁),然后换一套称号和说法说是本人的。
实想重提下谁人话题,一向都在忙这忙那的没工夫。十分困难到一个周最后,原定布置是往D2的可是由于工夫布置不外来,以是能抽暇写写。早前的会商不了了之,实在这一点都不是Twinsen的作风。
名字,你看名字多主要,我不太分明。我写书的话我的书被人改动称号往误导他人我是不喜好的。这是我一向说的作为一个手艺职员应该恪守的原则——互联网创作共享协定。我不克不及抄一个刚进门的小伴侣Idea(由于他们头脑没被监禁),然后换一套称号和说法说是本人的。sorry,我做不到。
不外实在这片文章只是Twinsen的一个设法了,能够说对照的猖狂。别的顺带一提的是这里的是Twinsen的站点,并非腾讯的站点。这里的器材并非代表腾讯的概念和角度。
援用丛林群的发言内容
手艺职员的争辩就是手艺职员争辩,谈锤子政治和交际。要叼冲我来,我长短常愿意被叼的。是啊,我很犯贱;你叼我就是塞钱进我的袋子内里。正如我常说的那句话:“SB之以是持续为SB是由于他压根就历来没无意识到本人是一个SB。”卑鄙?可是原话是心思学家弗洛伊德说的哦:“人老是先有自我认知才会再有自我超脱的。”我如今就是到了自我认知的瓶颈了,以是要制造如许的情况强制我自我认知。
别的说到网格的内容,为何我否决这个头脑的传播?起首声明的我不是否决关于计划的网格化,我是否决重构的网格化。这里应当特指是YUI体例的类名绑定式的网格化。人人能够看看上面的一段代码:
<divid="yui-main">
<divclass="yui-b">
<divclass="yui-g">
<divclass="yui-ufirst"></div>
<divclass="yui-u"></div>
</div>
</div>
</div>
人人能够很明晰的看到这里的yui-u,大概yui-g他的称号是并没有意义的。另有与体现相干的first。不晓得人人都看过的《网站重构》一书事先配同的PPT内里的一句话——“把页面中的表面标志往除今后,从头计划现有的站点和内容将变得十分节俭人力(同时廉价很多)。假如想改动站点的输入,你只必要修改一下款式表就好了,而完整不用修改页面自己。”像下面的那段代码不克不及到达布局、体现、举动三者分别,假如强行改动会呈现上面的一些成绩:

  • 改动体现的时分必需动到html,一次美妙下面的修正要动到三条事情线,极年夜的人力资本泯灭。
  • 会呈现排在第五个的叫做“first”的框
  • 会呈现实践为240宽的叫做“180宽”的框
  • 会呈现实践为三列的叫做“四列”的结构
  • 会呈现实践为白色的叫做“blue”的字
这些也就是相称于如今良多人盛行的“left_box”和“right_box”,疾速改版今后酿成了在右边的“right_box”。这不就是相称于曲解现实的真谛么?但实在最主要的是第一点,如许的事情体例和我们以往的table结构事情体例有不同么?你提个改个款式需求,全公司(计划、页面、开辟、功效测试、CE数据监测)都随着你往跑,这是很不智的。

网页制造WEB文章简介:名字,你看名字多主要,我不太分明。我写书的话我的书被人改动称号往误导他人我是不喜好的。这是我一向说的作为一个手艺职员应该恪守的原则――互联网创作共享协定。我不克不及抄一个刚进门的小伴侣Idea(由于他们头脑没被监禁),然后换一套称号和说法说是本人的。

写到这里回看下,顺带改了改题目酿成《这将是一场反动》系列的第二篇关于CSS的文章算了。下面说完不合错误的,上面给人人看看一个我比来刚接办的一个新版项目代码段:
HTML片段
<divid="index_news"class="mode">
<h3class="title">公益旧事</h3>
<divclass="content">
<ul>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
<li><ahref="#">旧事题目,旧事题目,旧事题目,旧事题目</a></li>
</ul>
</div>
<aclass="more"href="#">更多</a></div>
CSS片段
.mode{
position:relative;
float:left;
font-size:12px;
}
.modeh3.title,
.modeh4.title{
color:#234C00;
padding:5px10px;
font-size:14px;
}
.mode.more{
top:5px;
right:10px;
font-size:12px;
color:#4282ab;
position:absolute;
}
.mode.content{
clear:both;
}
.mode.content:after{
content:"";
display:block;
height:0;
line-height:0;
clear:both;
visibility:hidden;
}
#index_news.mode,
#index_bbs.mode,
#index_area.mode{
background:url(small_gray_grid.png)repeat-y-400pxbottom;
width:200px;
margin:5px05px5px;
}
#index_news.modeh3.title,
#index_bbs.modeh3.title{
background:url(small_gray_grid.png)no-repeat-200pxtop;
}
#index_news.mode.content,
#index_bbs.mode.content,
#index_area.mode.content{
background:url(small_gray_grid.png)no-repeat-600pxbottom;
display:table;
}
人人能够看到模块化头脑的上风在于哪:

  • 能够半主动化的取用以后已有的模块来节俭代码开辟工夫和精神。
  • 能够高度自在化的顺应任何产物司理、任何老板的分歧反常需求。
  • 任何干于体现下面的修正不必要动用到开辟职员,不必要功效测试。
  • CE数据监测绑定到id,不必要从头调剂接口。
  • 每一个人担当单个模块的疾速迭代开辟。
别的就代码而言。题目就是题目,内容就是内容;总不会那种曲解现实、本人打本人嘴巴的形态。
援用内容
我有个怪癖。我很喜好在口试的时分我老是要先考口试人XHTML。就仿佛之前徒弟招收学徒一样,才能和慧根属其次,品德首当其冲。
我觉得,XHTML比如一团体的实质,CSS比如人的处事体例和立场,JS比如人办事的举动和风格。三者的分别再加上些周边的SEO、人机交互也就是我们所说的网站重构,也就是一个很不错的人。之前老是有一部分人以为CSS就是网站的最次要的元素,实在天然而然的也就代表了一种人生不雅。切实其实,一团体没有好的处事体例和立场很难在如今的社会很好的存活;可是这个处事的体例和立场地位过于侧重了,就成了一个擅长棍骗、办事不择手腕的人。
这个是一向想说的,有了CSS你能够将摆布按次酿成右左按次,他就是一个网页中的把戏师。你总不克不及把他乱花,往成了一个擅长棍骗、办事不择手腕的人。

符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
小女巫 该用户已被删除
沙发
发表于 2015-1-17 23:53:49 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
爱飞 该用户已被删除
板凳
发表于 2015-1-26 15:13:06 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
不帅 该用户已被删除
地板
发表于 2015-2-4 20:38:00 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
透明 该用户已被删除
5#
发表于 2015-2-10 09:19:50 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
小魔女 该用户已被删除
6#
发表于 2015-3-1 09:15:11 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
精灵巫婆 该用户已被删除
7#
发表于 2015-3-10 16:44:18 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
老尸 该用户已被删除
8#
发表于 2015-3-17 09:10:29 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
再现理想 该用户已被删除
9#
发表于 2015-3-24 05:29:50 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 07:18

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表