.wrap或.wrapper--用于外侧包裹
.container或.ct--包裹容器
.header--用于头部
.body--页面 body
.footer--页面尾部
.aside、sidebar--用于侧边栏
.content--和header footer对应，用于主要内容
.navigation--导航元素
.pagination--分页
.tabs >.tab--tab切换
.breadcrumbs--导航列表、面包屑
.dropdown--下拉菜单
.article--文章
.main--用于主体
.thumbnail--头像、小图像
.media--媒体资源
.panel--面板
.tooltip--鼠标放置上去的提示
.popup--鼠标点击d出的提示
.button、btn--按钮
.ad--广告
.subnav--二级导航
.menu--菜单
.tag--标签
.message或.notice--提示消息
.summary--摘要
.logo--logo
.search--搜索框
.login--登录
.register--注册
.username--用户名
.passwprd--密码
.banne --广告条
.copyright--版权
.modal或.dialog--d窗
状态:
inverse--相反的
toggled--切换
switched--转换
original--起初的
initial--最初的
identified--识别
disabled--禁用
loading--加载
pending--等待
syncing--同步
default--默认
修饰:
dark--黑暗的
light--浅色的
shaded--深色阴影的
flat--平滑的
ghost--精灵
maroon--褐红色的
pale--白
intense--强烈的
twisted--扭曲的
narrow--狭窄的
wide--宽的
smooth--光滑的
separate--分离
clean--清洁的
sharp--锋利的
aligned--对齐的
元素:
pagination--分页
modal--情态动词
popup--d出
article--文章
story--故事
flash--闪光
status--现状
state--州立
media--媒体
block--快
card-卡
teaser--挑逗
badge--徽章
label--标签
sheet--片材
poster--海报
notice--通知
record--记录
entry--入门
item--项目
figure--图
square--广场
module--模块
bar--酒吧
button--按钮
action--行动
knob--旋钮
布局:
navigation--航行
wrapper--包装器
inner--内部的
header--页眉
footer--页脚
aside--在一边
section--部分
divider--除法器
content--内容
container--容器
panel--面板
pane--窗格
construct--建造
composition--作文
spacing--间距
frame--框架
如何制作《已编译的HTML帮助文件》工具/原料
安装好Html Help Workshop
方法/步骤
安装好Html Help Workshop，需要重新启动一次才可以运行。运行后，单击菜单或工具栏中的“新建(New)”，这时出现选择新建内容的对话框。先选择“工程(Project)”，在接着出现的工程向导中指定工程放置的目录就可以了。单击“OK”后就出现工程编辑界面。在工程编辑界面的上方是3个标签栏，第一个“Project”是有关工程的编辑，第二个“Contents”是目录，第三个“Index”是索引。在工程编辑界面的左侧是7个按钮，它们的功能从上到下依次为：“改变工程选项”、“加入/删除封面文件”、“添加/修改窗口选项”、“HTMLhelp AP信息”、“浏览HTML源文件”、“保存”、“存盘并编译”。
单击“改变工程选项”按钮，出现工程选项对话框。这里仅改变标题(Title)的内容，把标题写入，编译后这个标题将出现在窗口的标题栏中。其他的内容暂时用系统的默认值。然后单击“加入/删除封面文件”按钮，再选择“加入”按钮，把作为封面页的HTML文件添上。封面页的文件一定要有，否则编译的帮助文件运行后，系统会报错。好了，简单的工程编辑就完成了。
3、单击“目录”(Contents)标签栏，这时系统请你选定一个新目录文件的名称，指定后出现目录的编辑界面。然后按照内容的需要插入标题或页面目录，并对每个目录选定相应的HTML文件。标题可以分为多级，并在标题上也放置需要的HTML文件，作为标题的说明内容，这需要按照你制作的内容统一考虑。目录的内容在编译后，单击目录可以打开相应的文件内容。插入目录后，关于目录的属性暂时也用默认值，这样基本的目录就可完成。
4、完成目录编制后，一个HTML帮助文件已具备了雏形，关于索引的内容暂时空着。保存工程文件和目录文件后就可以编译，编译的特点是把所有用到的HTML文件统统压缩后包装在一起。在主工具栏按钮中可以找到编译按钮和试运行按钮，编译后再运行就可以看看作品的面貌了。
这就是编制HTML帮助文件的基本步骤，上手很容易。但软件的功能远非这些，如在窗口定义中可以设计你所喜爱的形式，几乎所有的窗口要素都可以改变。它还支持全文检索功能，而且很容易制作。详细的内容请参考Html help Workshop的帮助文档或微软的相应网页。相信你试过以后一定会喜欢它。
<body><!-- 整体采用的是表单的形式进行提交， -->
<form action="">
<!-- 整体分为4个盒子，一大三小，然后在小盒子中分别使用span标签来控制，主要使用了input标签、select标签 -->
<div class="dahezi">
<h3>增加快递信息</h3>
<div>
<span>
发货人姓名: <input type="text" size="10">发货人地址: <input type="text" size="30">
</span>
<span>
发货人电话: <input type="text" size="20">发货人邮编: <input type="text" size="20">
</span>
</div>
<div>
<span>
收货人姓名: <input type="text" size="10">收货人地址: <input type="text" size="30">
</span>
<span>
收货人电话: <input type="text" size="20">收货人邮编: <input type="text" size="20">
</span>
<span>
地区：<select name="" id="" style="width: 100px">
<option value="" selected="selected">北京</option>
<option value="">上海</option>
<option value="">广州</option>
</select>
包装：
<input type="checkbox" >纸铂
<input type="checkbox" >快递袋
<input type="checkbox" >其他
</span>
<span>
付款方式:
<input type="radio" name="pay" id="pay1">
<label for="pay1">现金</label>
<input type="radio" name="pay" id="pay2">
<label for="pay2">支付宝</label>
<input type="radio" name="pay" id="pay3">
<label for="pay3">网银</label>
<input type="radio" name="pay" id="pay4">
<label for="pay4">ATM</label>
</span>
</div>
<div>
<span>
货物名称: <input type="text" size="50">
</span>
<span>
数量: <input type="text" size="5">
重量: <input type="text" size="5">
发货时间: <input type="text" size="20">
</span>
</div>
<p class="p1">
<button onclick="">确定</button>
<button onclick="">取消</button>
</p>
</div>
</form>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）