一、名词解释
- 横切
在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切 - 留白
两个容器或碎片之间的上、下、左、右的空白距离 - 继承
元素可以从其父级元素中获得一些可为自己使用的属性或值。 - 图片定位
把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中,利用CSS中对图片进行遮罩属性,多用于页面中的修饰图 - 底图
页面中在标签中使用的背景图 - 齐底
(图线用于区分横切或碎片结束的线或图 - 页面结构
页面的基础框架,由横切、布局元素组成 - 焦点区(图)
最易注意的区域 - 导航
在页面中具有导向性的链接集合 - 头图
页面主题图片 - 间距
碎片或文字间的距离 - 行高
文字段落中行与行之间的距离 - 首行缩进
文字段落首行缩进 - 浮动
使被定义的区域脱离正常的页面文档流 - 碎片
由文字、图片组合成的内容区域 - 通栏广告
与页面内容区同宽的广告区域 - 功能按钮
具有交互属性的按钮 - 私有样式
当前页面独立使用的样式,不具备公用性 - 水平(垂直)居中
在页面中的某个元素处于父级的上下或左右的相同距 - 标准头(尾)
定义相同的页面头或尾元素集合
二.、文本格式化
- 段落:p
- 斜体:address(联系信息)em(强调)i(突出不同)cite(引用)dfn(首次定义术语)
- 粗体:strong(重要)b(提醒)
- 图片块:figure
- 引述文段,段落缩进:blockquote
- 背景颜色:mark
- 虚线下划线:abbr
- 上标下标:sub/sup
- 下划线:ins
- 删除线:del(标记已删除内容)s(标记不准确内容)
- 等宽字体:code
- 预格式化:pre
- 字号减小,表注释:small
- 时间:time
- 换行:br
- html5定义区块:
- header
- nav
- article
- section
- aside
- footer
- div
- span
三、表单表格
- 创建各种框: 注:text→password/url/tel/email Id:为了让对应的标签识别,添加CSS Name:为了让服务器和脚本识别,通常与id设为一样 Size:文本框大小Maxlength:能输入的最大字符数
Pattern:正则表达式 - 单(多)选按钮:北京上海注:id各自唯一,name必须相同。checked:默认选择
- 下拉框:北京上海成都注:size:选择框的高度 multiple:允许多选 selected:默认选择用对选择框进行分组
- 上传文件:注:size:输入路径和文件名的字段的宽度
- 创建提交按钮:创建带图像的提交按钮:点击这里创建图像按钮:Submit→reset重置
- 文本区域:请在此输入字符
四、文本格式化
- {font:(斜体粗体小型大写字母)字体大小(必有) 行距字体集(必有);}
- 文本背景:{ background:#foc url()repeat-x scroll 0 0;}
- 字间距:word-spacing:12px;
- 字偶距:letter-spacing:12px;
- 缩进增加:text-indent:12px;<