CSS教程之对CSS类及id的标准化定名
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。Web开辟职员能够经由过程创立CSS类及id称号并利用这些称号来对divs和其他的格局页面元素举行标识。对开辟职员来讲,在定名从头界说XHTML标志(tags)的CSSselectors时,必需包管其与预界说的标志正确婚配,但就类和id选择器称号而言,则仁者见仁,智者见智。但是为所欲为的为这些类和id定名则并非个好的习气。
在浏览了由AndyClarke(ofStuffandNonsenseandAllThatMalarkey)和EricMeyer所撰写的关于CSS类和id定名标准的系列文章以后,我入手下手思索在本人的Web站点计划过程当中对类和ids的定名体例。
直不雅定名
当在计划Web页面和必要对一个div举行标识的时分,最天然的设法就是利用能够形貌元素地点页面地位的辞汇来对其定名。这类办法使得类和id的称号以下面所示:
top-panel
horizontal-nav
left-side
center-column
right-col
这些是CSS和XHTML类和id的无效定名体例。这些辞汇复杂而且可以令人望文生义,因而满意了标识页面元素和响应的CSS款式的必要。
但成绩是如许的称号同页面内容的特定表达体例相干联。这些定名参考了某种特定页面结构中的页面元素地位,因而在如许的结构以外利用就会显得分歧适乃至形成了解凌乱。同时,这些定名没有触及文档内容的布局。因而,上面给出了对CSS类和ID定名更好的办法。
12下一页
常规
AndyClarke剖析了40份由推许尺度化Web计划理念的开辟职员所计划的Web站点的源代码。只管类和id称号很不一致,可是仍是发明了一些频仍呈现的经常使用称号。这里给出了最经常使用类/id称号的示例列表:
header
content
nav
sidebar
footer
假如要检察完全的列表,能够看看最多见定名常规表
这些罕见的类和id称号是不是标记着一种尺度的出生或是广泛承受常规的构成呢?只管这是我所但愿的,但我其实不这么以为。我切实其实但愿可以瞥见一整套关于我们天天都能够看到的经常使用页面元素的定名尺度。同时,利用尺度化的定名体例可使得寻觅页面元素和对Web站点晋级带来便利,特别当必要在由分歧开辟职员在分歧工夫所开辟站点中换来换往事情的时分。
上一页12
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet)的家喻户晓。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
页:
[1]