1 / 5
文档名称:

css编写和命名规范.doc

格式:doc   大小:62KB   页数:5页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

css编写和命名规范.doc

上传人:ttteee8 2022/6/22 文件大小:62 KB

下载得到文件列表

css编写和命名规范.doc

文档介绍

文档介绍:在任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于 项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、 整合的交互性等,所以定制一套完整的约定和规则显得尤为重要。特制定以下 CSS编写和命名规范文档er:lpx solid #fff;
/*Border Color*/}
/*_Menu

*/
.menul_ul{
border:lpx solid #fff;
/*Border Color*/}
注意:相对独立的2段内容之间空1行

样式表头部索引定义可以帮助你和其它人弄清楚该样式表文件的相关信息,它… 般是一段格式化的
。给出该CSS文件作者的相关信 息;定义站点的布局,记录文件版本号(利于多作者协作及将来更新)
/*
*Filename:
*Description:
*Version:
*Website:

Global CSS
(2009-12-28)YYYY-MM-DD

——b 1 KUC 1 UKt:
*Page width:
*Number of columns:
980px
2
*/

命名锚点是用来规划整个CSS文件结构的(就好像书签…样),从而使整个CSS 文件获得良好的组织。命名锚点一般也是书写在样式表头部的索引注释中。CSS 本身没有内部的锚点系统,所以我一般采用下面的小技巧来完成。在头部索引拷 贝你想找到的锚点,并在整个文档中查找,从而获取该css节。
*==STRUCTURE:===============================================
$_
_header
Header Definitions
$_
_menu
Global Site
$_
_content
Everything within the content
*/
/*_header
*/
{...Header CSS Definitions...}
/*_menu
*/
{...Header CSS Definitions...}

最后定义的css样式将会覆盖在其之前定义的所有已经存在、或与之冲突的样 式,比如下面这个例子:
p { color: red; background: yellow;} p {color: green;}
以上的段落最终将呈现绿色的字体,并带有黄色的背景,这是因为最后定义 的colongreen将之前定义的red覆盖掉了,至于黄色背景为何没有消失,那是因 为第二个p的定义中并没有与之冲突的定义,因此它还是有效的。

在CSS中经常会利用缩写把多个相同类型的属性定义指定为一个。CSS缩写会使 css文档更加干净、简洁;缩写语法参考相关章节。
CSS图像拼合(即CSS Sprites技术)
CSS Sprites技术:将用到的所有背景图片合并为一张图片,使用css背景属性, 来控制图片的显示位置和方式。C

最近更新