Web前端工作总结.docx

Web前端学习总结一.名词解释??1.?横切?在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切?2.?留白?两个容器或碎片之间的上、下、左、右的空白距离?3.?继承?元素可以从其父级元素中获得一些可为自己使用的属性或值。?4.?图片定位?把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图?5.?底图?页面中在标签中使用的背景图?6.?齐底(图)线?用于区分横切或碎片结束的线或图?7.?页面结构?页面的基础框架，由横切、布局元素组成?8.?焦点区(图)?最易注意的区域??9.?导航??在页面中具有导向性的链接集合??10.?头图??页面主题图片?11.?间距??碎片或文字间的距离?12.?行高?文字段落中行与行之间的距离?13.?首行缩进?文字段落首行缩进?14.?浮动?使被定义的区域脱离正常的页面文档流?15.?碎片?由文字、图片组合成的内容区域?16.?通栏广告?与页面内容区同宽的广告区域?17.?功能按钮?具有交互属性的按钮?18.?私有样式?当前页面独立使用的样式，不具备公用性?19.?水平(垂直)居中?在页面中的某个元素处于父级的上下或左右的相同距离?20.?标准头(尾)?定义相同的页面头或尾元素集合二.文本格式化?1.?段落：p?2.?斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语）?3.?粗体：strong（重要）b（提醒）?4.?图片块：figure?5.?引述文段，段落缩进：blockquote?6.?背景颜色：mark?7.?虚线下划线：abbr?8.?上标下标：sub/sup?9.?下划线：ins?10.?删除线：del（标记已删除内容）s（标记不准确内容）?11.?等宽字体：code?12.?预格式化：pre?13.?字号减小，表注释：small?14.?时间：time?15.?换行：br?16.?html5定义区块：header?nav?article?section?aside?footer?div?span?三.表单表格?1.?form?method=post?action=show.php?enctype=multipart/form-data.../form?2.?表单元素的组织：fieldset.../fieldsetfieldset.../fieldset?3.?创建各种框:?input?type=text?id=name?name=name?class=zky?required=required?placeholder=请输入?value=http://?autofocus=autofocus?size=12?maxlength=20?pattern=..?/??注：text→password/url/tel/email???Id:为了让对应的标签识别，添加CSS???Name：为了让服务器和脚本识别，通常与id设为一样???Size：文本框大小???Maxlength：能输入的最大字符数???Pattern：正则表达式?4.?添加标签：?label?for=idname?/label?5.?单(多)选按钮：?input?tupe=radio/checkbox?id=aaa?name=zky?value=beijing?/?label?for=aaa北京/label?input?tupe=radio/checkbox?id=bbb?name=zky?value=shanghai?/?label?for=bbb上海/label?注：id各自唯一，name必须相同。checked：默认选择?6.?下拉框：?select?id=zky?name=zky?size=12?multiple=multiple??option?value=beijing北京/option??option?value=shanghai上海/option??option?value=chengdu成都/option?/select?注：size:选择框的高度?multiple：允许多选?selected：默认选择?用optgroup?label=东北?/label对选择框进行分组7.?上传文件：input?type=file?id=zky?name=zky?size=5?/??注：size：输入路径和文件名的字段的宽度?8.?禁用表单元素：input????disabled?9.?创建提交按钮：input?type=submit?value=点此提交?/????创建带图像的提交按钮：button?type=imageimg?src=1.jpg点击这里/button????创建图像按钮：inp