CSS书写标准规范化文档
王磊2011-7-22 结构目录:
全局CSS的作用说明与规划说明
1. 重定义浏览器默认样式
2. 全局常用CSS 样式
3. 表单及表单元素
4. 页面布局以及通用的区块样式
5. 公共列表样式
6. 其他特定功能块
1. 个人中心面板
2. 简易编辑器
3. 弹出菜单、弹出层及弹出窗口
4. 联系人列表、短消息窗口
5. 登录和注册
6. 全站通用操作跳转页面
7. 其他
* 其他页面专用样式命名如*.css (* 为栏目英文标示)
----------------------------------
CSS 样式模块的格式示例:
Name: 模块名称
Level: 级别(Global, Channel, Function)
Dependent: 依赖关系,该模块必须依赖于何种模块
Sample: 用法示例,或指出改模块所作用的直接页面
Explain: 附加说明
Author: 创建者日期(两位数年月日时)
Last Modify: 最终修改者日期(两位数年月日时)
----------------------------------
CSS 写作注意事项:
1. 属性写在一行内,属性之间、属性名和值之间以及属性与“{}”之间须有空格,例如:.class { width: 400px; height: 300px; }
2. 属性的书写顺序:
2.1. 按照元素模型由外及内,由整体到细节书写,大致分为五组:
位置:position,left,right,float
盒模型属性:display,margin,padding,width,height
边框与背景:border,background
段落与文本:line-height,text-indent,font,color,text-decoration,...
其他属性:overflow,cursor,visibility,...
2.2. 针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
3. 谨慎添加新的选择符规则,尤其不可滥用id,尽可能继承和复用已有样式
4. 选择符、属性、值均用小写(格式的颜色值除外),缩写的选择符名称须说明缩写前的全称,例如.cl -> Clearfix
5. 避免使用各种CSS Hack,如需对IE 进行特殊定义,请参阅下节“关于CSS Hack 的说明”
6. 勿使用冗余低效的CSS 写法,例如:
ul li a span { ... }
7. 慎用!important
8. 建议使用在class/id 名称中的词语
6.1. 表示状态:a->active
6.2. 表示结构:h->header,c->content,f->footer
6.3. 表示区域:mn->main,sd->side,nv-navigation,mu->menu
6.4. 表示样式:l-list,tab,p_pop
9. 开发过程中的未定事项,须用[!] 标出,以便于后续讨论整理
----------------------------------
关于CSS Hack 的说明:
所有IE浏览器适用: .ie_all .foo { ... }
IE6 专用:.ie6 .foo { ... }
IE7 专用:.ie7 .foo { ... }
IE8 专用:.ie8 .foo { ... }
---------------------------------- */
HTML CSS标签属性大全 a卷标, 属性名称, 简介 批注 1、跑马灯 普通卷动 滑动 预设卷动 来回卷动 向下卷动 向上卷动 向右卷动 向左卷动 卷动次数 设定宽度 设定高度 设定背景颜色 设定卷动距离 设定卷动时间 2、字体效果
《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
《排版设计》课程标准 课程名称:色彩基础 课程编号:JSJ23 适用专业:计算机广告 学时:64学时 1.课程定位与课程设计 1.1课程的性质与作用 1.1.1课程性质 《排版设计》是平面设计专业的一门主干课程。Indesign CS6是Adobe公司开发的专业设计排版软件,它功能强大、深受版式编排人员和平面设计师的喜爱,成为现今这一领域的最流行软件之一。本课程通过精心设计的案例全面介绍软件的图形路径文本编辑、图像处理、版式编排、表格图层、页面编排、编辑书籍以及常用商业案例。 1.1.2课程作用 通过本课程学习,使学生掌握Indesign的基础知识,灵活应用Indesign进行设计,具备设计广告宣传、邀请函、书册,封面等的能力,能够在今后的工作岗位完成中完成设计类的工作任务。 1.2课程设计理念 课程教学以工作过程为导向,采用任务驱动式案例教学。
根据地域对平面设计技能人才的能力要求和学校中职学生的认知特点,与行业企业相关专家进行课程案例开发,形成从简单到复杂的系统化教学案例,形成“课堂案例-软件功能解析-课堂练习-课后习题”连贯思路,课程安排上突出学生教学主体作用,重视职业能力的培养,充分体现课程教学的实用性和针对性。在课程学习中注重学生知识、技能和情感态度的培养以及专业能力、方法能力、社会能力的形成,培养学生综合职业能力。 任课教师的教学内容安排应该遵循由浅入深、循序渐进的原则,教学设计建议通过设置平面设计公司的工作情景导入学习主题,采用设置项目任务的方式让学生在实际操作过程中学习并掌握相关内容。教学设计过程中选用的项目,例如:制作报纸、名片、会员卡、广告、海报、书籍封面设计和排版、日历、网页等,能够满足当前市场对平面设计作品的需求。本课程具有较强的实践性,教学实践过程中要保证学生有充分的训练时间,培养学生的创新精神和积极进取的工作态度,提高学生的团队协作意识。 1.3课程设计思路 任课教师的教学内容安排应该遵循由浅入深、循序渐进的原则,教学设计建议通过设置平面设计公司的工作情景导入学习主题,采用设置项目任务的方式让学生在实际操作过程中学习并掌握相关内容。教学设计过程中选用的项目,例
HTML结构 ...包含整个HTML文档。
...包含HTML文档的标题。...预格式化的文本(原来的分行和空格都将被保留---这些分行的空格通常以等宽字体显示)。 ...比正常字体稍大的文本。 ...比正常字体稍小的文本。...下标。 ...上标。
文档格式规范手册 目录 文档格式规范手册 (1) 目录 (1) 1标题 (2) 文档标题 (2) 标题中文部分 (2) 标题英文数字部分 (2) 一级标题 (2) 一级标题中文部分 (2) 一级标题英文数字部分 (2) 二级标题 (3) 二级标题中文部分 (3) 二级标题英文数字部分 (3) 三级标题 (3) 三级标题中文部分 (3) 三级标题英文数字部分 (3) 2目录 (3) 目录标题 (3) 目录内容 (4) 目录中文部分 (4) 目录英文部分 (4) 3正文 (4) 正文汉字部分 (4) 正文英文数字部分 (4) 图片 (5) 表格 (5) 表格设置 (5) 表格内容设置 (5) 正文加粗部分 (5) 4文档整体编辑 (5) 文档中英文数字格式的设置 (5) 文档行间距的设置 (6)
文档标题 标题中文部分 字体:仿宋_GB2312 字号:三号 加粗:加粗 标题英文数字部分 字体:Courier New 字号:三号 加粗:加粗 一级标题 一级标题中文部分 字体:仿宋_GB2312 字号:小三 加粗:加粗 一级标题英文数字部分 字体:Courier New 字号:小三 加粗:加粗
二级标题中文部分 字体:仿宋_GB2312 字号:四号 加粗:加粗 二级标题英文数字部分 字体:Courier New 字号:四号 加粗:加粗 三级标题 三级标题中文部分 字体:仿宋_GB2312 字号:小四 加粗:加粗 三级标题英文数字部分 字体:Courier New 字号:小四 加粗:加粗 2目录 目录标题 字体:仿宋_GB2312
字号:三号 加粗:加粗 目录内容 目录中文部分 字体:仿宋_GB2312 字号:五号 加粗:不加粗 目录英文部分 字体:Courier New 字号:五号 加粗:不加粗 3正文 正文汉字部分 字体:仿宋_GB2312 字号:小四 加粗:不加粗 正文英文数字部分 字体:Courier New 字号:小四 加粗:不加粗
1.万维网(www)和w3c组织 WWW是环球信息网的缩写,英文全称为World Wide Web,中文名字为"万维网",常简称为Web。 万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构,又称W3C理事会(就是我们常说的w3c组织). W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。 w3c的官网: https://www.wendangku.net/doc/4216571107.html,/ 网站中有w3c组织推出的各种的技术的标准的使用及其开发教程. 2.什么是HTML HTML 是用来描述网页的一种语言(开发网页) HTML 指的是超文本标记语言(Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言(markup language) 标记语言是一套标记标签(markup tag)例如:
1 目的 对本公司编制的有关“药品生产质量管理规范”文件的主要项目和书写格式进行统一规定,以保证文件的格式统一、内容完整。 2 范围 适用于本公司编制的“药品生产质量管理规范”文件。 3 责任 所有承担“药品生产质量管理规范”文件编写的人员都有责任按照本文的要求严格执行。 4 文件正文层次的名称和编排 4.1 文件层次的名称 层次名称编号示例 章 1 条 1.1 条 1.1.1 条可根据需要在细分,但应避免过度细分。 段无编号 4.2 文件层次的种类 4.2.1 章 章在文件正文层次中是基本组成部份。 每个文件中的章,一般是将“目的”编为第1章的开始,用阿拉伯数字编号。 编号应延续下去,直对“培训”。 OS- 第 2 页/共 3 页
4.2.2 条 条是章的有编号的细分单元,第一层次的条可发展进一步细分为第二层次有编号的条,并且这种进一步的细分可以根据需要继续下去,但应避免按此方法过度细分下去。 条应该用阿拉伯数字编号。 除非在同一层次上至少另有一条,否则不应使用编号来分出一条。如:在第一章的条文中,如果没有1.2条,就不应该标出1.1条。 4.2.3 段是章或条中不编号的层次。 4.3 层次的编排 各层次的编号和条文应在页面的左边顶格排列,各层次的编号与其后文字之间一个英文字符间隔;段的条文应在页面左边缩后两个汉字符排列,移行时顶格排列。 5 文字编辑要求 5.1 文件的章一般采用加粗小四号字(或黑体四号字),其余文字一般采用宋体小四号字,但正文(包括记录)的标题可采用黑体三号字。 5.2 各章之间空一行。 5.3 文件打印一般采用A4规格纸,有的表格可采用A3规格纸,打印时页顶空3cm,页尾空3cm,保证左右界基本一对致。 5.4 文件采用左侧面装订。 6 文件的项目、表头格式 6.1 文件的主要项目: 6.1.1 文头(表头) 6.1.2 正文 6.1.2.1 正文项目:目的、范围、定义、责任、内容、培训等。 6.1.2.2 文件编写人员可根据实际需要选择确定。 6.2 标准文件的表头(文头)格式 6.2.1 首页文头格式 OS- 第 3 页/共 3 页
各类文档书写格式的规范要求 目前,学校各组织及教师个人在日常文书编撰中大多按照个人习惯进行排版,文档中字体、文字大小、行间距、段落编号、页边距、落款等参数设置不规范,严重影响到文书的标准性和美观性,现将文书标准版格式要求及日常文档书写注意事项转发给你们,请各组织在今后工作中严格实行:一、文书指:各类通知通报、说明、工作联系单,请示报告、总结、工作计划等文字材料。 二、关于单位落款: 结合学校实际,我校各级组织分为“普安县南湖街道三板桥小学”、“普安县南湖街道三板桥小学教务处”、“普安县南湖街道三板桥小学办公室”、“普安县南湖街道三板桥小学关心下一代工作委员会”、“普安县南湖街道三板桥小学总务室”、“普安县南湖街道三板桥小学少先队大队部”、“中国教育工会普安县南湖街道三板桥小学基层委员会”、“普安县南湖街道三板桥小学x年级x班”、“普安县南湖街道三板桥小学xxx(教师个人)”等,落款不得出现“普安县三板桥小学”“南湖街道三板桥小学”“南湖三板桥小学”“三板桥小学”等表述不全的简称。 三、关于时间落款:文档中落款时间应为大写“二O一七年五月十二日”,“O”应以字母输入英文O或者插入字符O,不
得以“2017年5月12日”阿拉伯数字时间落款。 四、对部门科室行文正文上方需预留位置,方便领导批示意见。 五、行文应表述清楚,尽量少使用过于华丽、缺乏操作性的语句或口号。对问题经过应表述清楚,有问题初步分析和方案建议。 六、各类对上级部门的申请、报告、请示等应一事一报,禁止一份报告内同时表述两件工作。 七、各类材料标题应规范书写,明确文件主要内容,标准为“关于××××××××的报告(请示、申请),不得“关于××××××的申请报告”或者“申请报告”。 八、各类文档排版格式。 (一)页边距:上下边距为2.54厘米;左右边距为2.8厘米。 (二)页眉、页脚:页眉为1.5厘米;页脚为1.75厘米; (三)行间距:25P行距(固定值)。 (四)纸型与打印方向:采用标准A4型。一般为竖向打印。如表格等须横向打印的材料上下边距为2.8厘米,左右为2.54厘米,页眉1.5厘米,页脚1.75厘米。 (五)文字从左至右横写。标题用2号宋体并加粗,正文用3号仿宋体字。在文档中插入表格,单元格内字体用仿宋,字号可根据内容自行设定。 (六)正文一般每面排22行,每行排28个字,标题下
一CSS文字属性: color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/
实验一HTML、CSS网页制作实验 一、做出网页1.html,效果如下图所示: 要求如下: 1、诗的题目格式为红色、加粗、居中显示。 2、作者格式为红色、斜体、居右显示。 3、诗的内容字体格式从上到下分别是
四、请做出网页4.html,效果如下图所示。 五、请做出以下网页,效果如下图所示,保存为5.html: 六、请做出网页6.html,效果如下图所示: 要求如下:
1、使用内嵌式引入CSS样式表。 2、使用类选择器定义元素。 (1)通过控制不同的类,分别为第一个字母“G”设置为蓝色、加粗、60px 字体; 第二个字母“o”设置为红色、加粗、60px字体; 第三个字母“o”设置为黄色、加粗、60px字体; 第四个字母“g”设置为蓝色、加粗、60px字体。 (2)剩余字母“le”按默认样式输出。 七、请做出网页7.html,效果如下图所示。 要求如下: 1、设置所有文本为宋体、12像素、绿色字体,“春季”字体颜色设为红色。 2、设置标题“春天”为16像素、红色、加粗、居中、上划线的效果。 3、设置文本首行缩进2个字符。 八、请做出网页8.html,效果如下图所示: 要求如下: 1、设置所有文本为微软雅黑、14像素、黑色字体。 2、新浪”、“新浪网”为红色字体,“博客首页”为蓝色字体,网址及日期为绿色字体。 3、设置标题为16像素、左对齐、下划线的效果。 4、设置文本“-百度快照-评价”为灰色、下划线的效果。
论文的基本格式与规范国家制订有专门的学位论文写作标准,即GB7731-87《科学技术报告、学位论文和学术论文的编写格式》,有些学校有自己制订的专门格式,但都是以GB为标准的。标准较复杂,简化如下。 一、封面、题名、摘要与关键词 1、封面:有统一的封面,封面上写明:论文题目,作者,学校系科,指导老师姓名,完成日期等。按学校要求一式二份或三份。 2、题名: 以最恰当、最简明的语词反映论文的特定内容 选择的词汇为其他人的检索提供方便。 不宜超过20字 不要标新立异地用自创的英文字体。 不乱用副标题。两种情况下使用副标题,第一是用来补充说明正题中言犹未尽的,第二是对正标题给出范围限定,如: 玩转解构——川久保玲的设计理念剖析 画龙需点睛——论细节设计 3、摘要 摘要的目的是让读者看了后,决定有无必要阅读全文。同时供摘要检索类文献采用。 不宜超过300字。 应该是一篇可以独立存在的短文,说明文章的主要内容,得出你的结论。 摘要不是中学语文中的“中心思想”。 好的例子:把全文内容浓缩在300字中,概括文章内容与结论。 不好的例子:本文通过……,阐述了……,论证了……,对……有启发。(有没有启发是读者说的,不是作者说的。) 4、关键词: 3-5个,列在摘要的左下方 关键词是为了文献标引,方便图书馆的读者检索用的。 尽量采用规范词,不得使用偏僻词,更不能用自创的词。 二、文章结构简述 一篇学位论文的结构,基本上分为序论、本论和结论这样三个层次。 1、序论。 也叫引言、导言、前言,是论文的开头部分,它写在文章的最前面,用来说明你为什么要写这篇论文。这部分很短,常用一小段文字表述,但要注意的是,不要与你的摘要重复。摘要是简要地说明你的文章写了什么,而引言是说明你为什么要写这篇文章,侧重点不同。 2、本论 本论部分是论文的重点,是最关键的。在动笔前,要先列出提纲。列提纲的过程,也就是整篇文章构思的过程,同时也为整篇文章搭建一个骨架。提纲分为一级提纲、二级提纲和三级提纲。对应于一级标题、二级标题与三级标题。两种形式: 第一:一、二、三是一级标题; (一)、(二)、(三)是二级标题; 1、2、3是三级标题。 第二:1、2、3为一级标题,与标题空一格,如:1 皮影艺术在动画中的应用
软件需求文档格式的标准写法 具体的步骤: 1.1 编写目的 · 阐明开发本软件的目的; 1.2 项目背景 · 标识待开发软件产品的名称、代码; · 列出本项目的任务提出者、项目负责人、系统分析员、系统设计员、程序设计员、程序员、资料员以及与本项目开展工作直接有关的人员和用户; · 说明该软件产品与其他有关软件产品的相互关系。 1.3 术语说明 列出本文档中所用到的专门术语的定义和英文缩写词的原文。 1.4 参考资料(可有可无) 列举编写软件需求规格说明时所参考的资料,包括项目经核准的计划任务书、合 同、引用的标准和规范、项目开发计划、需求规格说明、使用实例文档,以及相关产品 的软件需求规格说明。 在这里应该给出详细的信息,包括标题、作者、版本号、发表日期、出版单位或资 料来源。 2.项目概述 2.1 待开发软件的一般描述 描述待开发软件的背景,所应达到的目标,以及市场前景等。 2.2 待开发软件的功能
简述待开发软件所具有的主要功能。为了帮助每个读者易于理解,可以使用列表或 图形的方法进行描述。使用图形表示,可以采用: · 顶层数据流图; · 用例UseCase图; · 系统流程图; · 层次方框图。 2.3 用户特征和水平(是哪类人使用) 描述最终用户应具有的受教育水平、工作经验及技术专长。 2.4 运行环境 描述软件的运行环境,包括硬件平台、硬件要求、操作系统和版本,以及其他的软 件或与其共存的应用程序等。 2.5 条件与限制 给出影响开发人员在设计软件时的约束条款,例如: · 必须使用或避免使用的特定技术、工具、编程语言和数据库; · 硬件限制; · 所要求的开发规范或标准。 3.功能需求 3.1 功能划分 列举出所开发的软件能实现的全部功能,可采用文字、图表或数学公式等多种方法 进行描述。 3.2 功能描述 对各个功能进行详细的描述。
第10讲布局技术之二—Div+CSS(二) 1.1教学目标: ◆知识目标 1.理解CSS盒子模式。 2.掌握CSS规则设置方法。 ◆技能目标 能够理解Div+CSS所体现的表现和内容相分离特性。 ◆品质目标 培养学生认真细致、踏实进取的精神 1.2教学重点: 1.掌握CSS规则设置方法 1.3 教学难点 理解CSS规则的作用。 1.4教学方法:讲练结合,任务驱动、分子任务操练 1.5课时安排:2课时 1.6教学对象分析: 这个班学生具有基本专业技能,不仅仅是要教会他们方法,最重要的是教会他们的规范的动手能力与各种事件多方法的灵活处理能力,在保证全班同学教学进度一致的情况上,培养学生较好的专业基础与创新创作意识。 1.7教学过程: 一、CSS样式基本操作 1.样式表的操作途径 我们可以通过三种途径来创建、编辑CSS样式。 从主菜单选择“窗口/CSS样式”即可打开样式面板,如图3-35所示。 图3-35 CSS样式面板 在CSS样式面板的右下角有四个功能按钮,分别为: ●附加样式表:用于打开“链接外部样式表”对话框,选择要链接到或导入到当前文档中的外部样式表。 ●新建CSS样式:打开“新建CSS 样式”对话框,创建新样式。 ●编辑样式表:打开“CSS 样式定义”对话框。编辑当前文档或外部样式表中的任何样式。
删除CSS样式:删除“CSS 样式”面板中的所选样式,并从应用该样式的所有元素中删除格式。 单击CSS样式面板右上角的菜单按钮,可以显示如图3-36所示的面板菜单。通过该菜单,可以完成对CSS样式面板的大部分控制。在CSS样式面板的列表区域中单击鼠标右键,也可以打开同样的菜单。 图3-36 面板菜单 从主菜单选择“文本/CSS样式”命令,选择“新建”也可启动“新建样式表”对话框,如图3-37所示。 在页面空白处单击鼠标右键,在弹出的菜单中一样可以启动“新建样式表”对话框,如图3-38所示。 不管如何启动上述几个样式菜单或面板,他们都包含相同的几个命令:新建样式表、编辑样式表、链接样式表和导出样式表。
文档格式规范
目录 1 文档格式规范 (1) 1.1文字性文件或规范性文件的编制要求 (1) 1.1.1 文件的整体要求 (1) 1.1.2 文件编制的具体要求 (1) 1.2表格文件的编制要求 (5) 2 文档命名规范 (5)
1 文档格式规范 1.1 文字性文件或规范性文件的编制要求 1.1.1 文件的整体要求 1.1.1.1 文件编制的基本要求 a)文件均采用A4纸幅面。文件的名称应简明准确,一般不超过20个汉字。 b)文件的内容应表达准确、清楚、简明、严谨。 c)同一文件中术语、符号、代号应统一。表达同一术语的概念应前后一致。 采用的术语尚无标准规定时且容易产生不同理解的,应给出定义或说明。 d)文件中的缩略词(语)应采用有关标准或专业委员会认定的缩略词(语),自 定缩略词(语)应简明、确切,能反映主题。缩略词(语)在文件中首次出现 时应做说明。 e)文件中引用的标准和文件应是现行有效。 f)文件中应采用国务院正式公布、实施的简化汉字。 1.1.1.2 文件封皮的基本要求 a)文件封面的内容分为标题、编制信息和公司名称三部分。 b)文件标题分为“标题”和“副标题”。“标题”描述项目名称,字体:小 初黑体居中;“副标题”描述文件名称,字体:小一黑体居中。“标 题”和“副标题”空一行。 c)文件编制信息包含三个要素,“编制”、“审核”、“批准”:小四宋体加 粗,书写对应人员姓名,姓名中文采用小四宋体,西文采用小四Times New Roman。“版本号”:小四宋体加粗,书写文件版本号,采用小四 Times New Roman;“日期”:小四宋体加粗,书写文件编制日期,采 用小四Times New Roman。 d)公司名称为公司的全称,在文件编制信息后空一行,三号黑体。 e)所有文字性文件或规范性文件中都必须包含文件修改记录,文件修改记 录放在第二页,目录从第三页开始。 f)封面页、文件修改记录页均不插入页脚页码,目录页的页脚中间对齐插
1、单选题 (1)要使单选框或复选框默认为已选定,要在input 标签中加()属性 A、selected B、disabled C、type D、checked (2)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input 中加()属性 A、selected B、disabled C、type D、checked (3)下列哪一项表示的不是按钮。() A.type="submit" B.type="reset" C.type="image" D.type="button"(4)下面哪一个属性不是文本的标签属性?() A.nbsp; B.align C.color D.face (5)下面哪一项的电子邮件链接是正确的?() A.https://www.wendangku.net/doc/4216571107.html, B.xxx@.net C.xxx@com D.xxx@https://www.wendangku.net/doc/4216571107.html, (6)当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。() A.ASP B.HTML C.ZIP D.CGI (7)下面说法错误的是( ) A、CSS 样式表可以将格式和结构分离 B、CSS 样式表可以控制页面的布局 C、CSS 样式表可以使许多网页同时更新 D、CSS 样式表不能制作体积更小下载 更快的网页 (8)CSS 样式表不可能实现( )功能。 A、将格式和结构分离 B、一个CSS 文件控制多个网页 C、控制图片的精确位置 D、兼容所有的浏览器 (9)若要在网页中插入样式表main.css,以下用法中,正确的是()。 A 、 B 、 C、 D、
达职院第一次内测(3月份) 一、选择 1.在一个框架的属性面板中,不能设置下面哪一项。( D ) A.源文件; B.边框颜色; C.边框宽度 D.滚动条 2. 下列哪一项表示的不是按钮(C ) A.type="submit" B.type="reset" C.type="image" D.type="button" 3.下面哪一个属性不是文本的标签属性?( B ) A.nbsp; B.align C.color D.Face 4.下面哪一项的电子邮件链接是正确的?( D ) A.https://www.wendangku.net/doc/4216571107.html, B.xxx@.net C.xxx@com D.xxx@https://www.wendangku.net/doc/4216571107.html, 5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C ) A.ASP B.HTML C.ZIP D.CGI 6.关于表格的描述正确的一项是。( D ) A.在单元格内不能继续插入整个表格 B.可以同时选定不相邻的单元格 C.粘贴表格时,不粘贴表格的内容 D.在网页中,水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8.关于文本对齐,源代码设置不正确的一项是:( A ) A.居中对齐:
正式文件格式书写标准: 一、文章的大标题:宋体、二号、加粗、居中。 二、文章的大标题与文章的一号标题之间,空一行,空行的字体要求:黑体、三号、空两个字。 三、文章的一号标题:黑体、三号、空两个字,即“一、” 四、文章的二号标题:仿宋、三号、加粗、空两个字,即“(一)”,标题后无任何符号。 五、文章的三号标题:仿宋、三号,阿拉伯数“1”,后加小黑点“.”,即“1.”,此标题内容结束后用句号,即“。”此小标题的第二行第一个字顶格。 六、文章的落款:正文结束后,敲四个回车,落款内容居右。 公文格式字体字号标准: 公文标题使用2号加粗宋体字。 公文正文使用3号仿宋字体。 一级标题用3号黑体字,用“一、”、“二、”、“三、”……标识。 二级标题用加粗3号楷体,用汉字数字外加小括号“(一)”、“(二)”、“(三)”……标识。 三级标题用加粗3号仿宋,用阿拉伯数字“1.”、“2.”、“3.”……标识。 四级标题用3号仿宋字体,用阿拉伯数字外加小括号“(1)”、“(2)”、“(3)”……标识。
公文写作排版要点: 一、标题: 1、字体为二号方正小标宋(公文中最常用最正规的字体),不用加粗。如果有副标题,可用楷体。 2、如一行写不下标题,可分行或调整字间距,但需保证语句通顺。 3、行距调整为固定值30磅。 二、正文: 1、正式的文件字体用三号仿宋GB2312,一般的文件存档用四号仿宋GB2312以节俭纸张。 2、正文中一级标题用黑体或楷体(楷体要加粗,黑体不用)。 三、行距: 一般用固定值29-30磅。 四、排版: 1、格式需选择首行缩进2个字符,凡另起一行的文字,都需缩进2个字符。 2、写公文时,不要直接复制、粘贴,易造成排版不一的问题(行距、字体不同)。 3、排版时取消自动套用格式,不要使用自动套用格式。避免给最后的排版增加难度。 4、公文排版要美观大方,不要求异,可通过调整字距、行距、页眉,页脚使得公文美观大方。 5、落款:
CSS 背景属性 属性 描述 值 IE F N W3C background 简写属性,作用是将背景属性设置在一个声 明中。 background-color background-image background-repeat background-attach ment background-positi on 4 1 6 1 background-attachment 背景图像是否固定或 者随着页面的其余部 分滚动。 scroll fixed 4 1 6 1 background-color 设置元素的背景颜色。 color-rgb color-hex color-name transparent 4 1 4 1 background-image 把图像设置为背景。 url none 4 1 4 1 background-position 设置背景图像的起始 位置。 top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos 4 1 6 1 background-repeat 设置背景图像是否及 如何重复。 repeat repeat-x repeat-y no-repeat 4 1 4 1 CSS 边框属性 (border)
border-bottom 简写属性。作用是在一个声明中用来设置下边框 的所有属性。 ? border-bottom-w idth border-style border-color 4 1 6 1 border-bottom-color 设置下边框的颜色。 border-color 4 1 6 2 border-bottom-style 设置下边框的样式。 border-style 4 1 6 2 border-bottom-width 设置下边框的宽度。 thin medium thick length 4 1 4 1 border-color 设置四个边框的颜色,可以设置一到四个颜色。 color 4 1 6 1 border-left 简写属性。用于在一个声明中设置左边框的所有 属性。 border-left-wid th border-style border-color 4 1 6 1 border-left-color 设置左边框的颜色。 border-color 4 1 6 2 border-left-style 设置左边框的样式。 border-style 4 1 6 2 border-left-width 设置左边框的宽度。 thin medium thick length 4 1 4 1 border-right 简写属性。将所有用于右边框的属性设置于一个 声明中。 ? border-right-wi dth border-style border-color 4 1 6 1 border-right-color 设置右边框的颜色 border-color 4 1 6 2 border-right-style 设置右边框的样式 border-style 4 1 6 2 border-right-width 设置右边框的宽度。 thin medium thick length 4 1 4 1 border-style 设置四个边框的样式,可以设置一到四个样式。 none hidden dotted dashed solid 4 1 6 1
密级:内部公开 文档编号: 版本号:V1.0 分册名称:第1册/共1册 文件编写规范 xxx科技有限公司 编制:生效日期: 审核:批准:
文件更改摘要 日期版本号修订说明修订人审核人批准人
目录 1.目的和范围 (4) 2.目标 (4) 3.术语表 (4) 4.文档编号规则 (5) 5.文档命名规范 (5) 6.文件结构规定 (6) 7.封面 (7) 8.修订页 (8) 9.正文内容格式 (8) 10.文件版本号和文件命名规定 (9) 10.1.文件版本号规定 (9) 10.2.文件命名规定 (9)
1.目的和范围 ●背景说明:本文件作为公司内部文档管理文件,所有公司内编写的文档,均应遵 守本规定,作为公司的所有文档编写统一要求。 ●范围:所有的CMMI执行过程中产生的文档,均应当执行本文件要求作为基础的要 求,如果该部分的体系文件存在明确的要求的,按照体系文件要求执行,没有的则按照本文件执行。 2.目标 规范和统一公司管理体系中所有相关文件的风格和样式,指导公司程序文件、模版文件以及各种记录文件的编写。 3.术语表 ●文件标识:文件的属性标志,包括文件名称、文件编号、版本、生效日期、 审批状态、密级等。 ●程序文件:描述为完成管理体系中所有主要活动提供方法和指导,分配具体的职责 和任务而定义的文件。 ●模版文件:为了使管理体系有效运行,组织统一设计的一些实用的表格和给出活动 结果的报告,规范记录组织的管理体系运行情况。 ●记录文件:简称记录,是组织根据设计的模版和体系要求,填写的表格或者给出活 动结果的报告,作为管理体系运行的证据。 ●修订页:记录文件的修订历史,所有程序文件、除了表格以外的模版和记录都需要 有变更履历,一般位于程序文件的第二页。 ●文档密级:指本文档的保密程度,共分绝密、机密、秘密、内部公开、公开五级制 度。 ●绝密:涉及公司与客户或上游供应商,下游分销商所签订相关的文档资料。仅 限于公司最高管理层及各资料所涉及的经过相应管理人员授权的相关人员查 阅。 ●机密:公司内部所相关的规章制度及技术规范,开发手册等;还有各项目开发 文档、管理文档及软件产品等仅供相关部门高级领导以及经过授权后相关人员 查阅。 ●秘密:需交付用户或与客户进行交流的文档与产品,可供相关项目客户查阅。 ●内部公开:内部不限制,公司内部任何可以任何形式获得文档的信息并阅读、 保存、修改后自用等等,但是不允许向外传播的文件。 ●公开:项目组开发过程中的自用文档或面向售前工作的部分项目介绍材料等。 ●版本标识:作为文档的版本区分。所有发布版本之前不得大于1.0,发布版本作为 1.0,而其后只有重大修改可以调整小数点前的版本号,局部修改调整小数点后版