Web前端工作总结.docx

Web前端工作总结

第一篇：Web前端工作总结Web前端学习总结一.名词解释1.横切在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切2.留白两个容器或碎片之间的上、下、左、右的空白距离3.继承元素可以从其父级元素中获得一些可为自己使用的属性或值。4.图片定位把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中，利用CSS中对图片进行遮罩属性，多用于页面中的修饰图5.底图页面中在标签中使用的背景图6.齐底(图)线用于区分横切或碎片结束的线或图7.页面结构页面的基础框架，由横切、布局元素组成8.焦点区(图)最易注意的区域9.导航在页面中具有导向性的链接集合10.头图页面主题图片11.间距碎片或文字间的距离12.行高文字段落中行与行之间的距离13.首行缩进文字段落首行缩进14.浮动使被定义的区域脱离正常的页面文档流15.碎片由文字、图片组合成的内容区域16.通栏广告与页面内容区同宽的广告区域17.功能按钮具有交互属性的按钮18.私有样式当前页面独立使用的样式，不具备公用性19.水平(垂直)居中在页面中的某个元素处于父级的上下或左右的相同距离20.标准头(尾)定义相同的页面头或尾元素集合二.文本格式化1.段落：p2.斜体：address（联系信息）em（强调）i（突出不同）cite（引用）dfn（首次定义术语）3.粗体：strong（重要）b（提醒）4.图片块：figure5.引述文段，段落缩进：blockquote6.背景颜色：mark7.虚线下划线：abbr8.上标下标：sub/sup9.下划线：ins10.删除线：del（标记已删除内容）s（标记不准确内容）11.等宽字体：code12.预格式化：pre13.字号减小，表注释：small14.时间：time15.换行：br16.html5定义区块：headernavarticlesectionasidefooterpspan三.表单表格1.2.表单元素的组织：......3.创建各种框:注：text→password/url/tel/emailId:为了让对应的标签识别，添加CSSName：为了让服务器和脚本识别，通常与id设为一样Size：文本框大小Maxlength：能输入的最大字符数Pattern：正则表达式4.添加标签：„5.单(多)选按钮：北京上海注：id各自唯一，name必须相同。checked：默认选择6.下拉框：北京上海成都注：size:选择框的高度multiple：允许多选selected：默认选择用„对选择框进行分组7.上传文件：注：size：输入路径和文件名的字段的宽度8.禁用表单元素：9.创建提交按钮：创建带图像的提交按钮：点击这里创建图像按钮：Submit→reset重置10.文本区域：请在此输入字符11.表格:..........四.文本格式化1.{font：（斜体粗体小型大写字母）字体大小(必有)行距字体集（必有）;}2.文本背景：{background：#focurl（1.jpg）repeat-xscroll00；}3.字间距：word-spacing:12px;4.字偶距：letter-spacing:12px;5.缩进增加：text-indent:12px;6.小型大写字母:font-variant:small-caps;7.文本对齐：text-align:left；适用于block，inline-block8.单词大小写:text-transform:capitalize(单词首字母大写)/uppercase(大写)/lowercase(小写)9.文本上的线：text-decoraion:underline/overline/line-through;11.空格：white-space:pre(显示所有空格回车)/nowrap（非断行空格）；12.h3—16px;h5—12px;verdana,Geneva,sans-serif;13.列表属性：li{list-style:url(1.jpg)insidesquare;}五.CSS布局1.width：不包括padding，border，margin；max-width设置外围限制；2.浮动：float:left;清除浮动：clear:both;3.设置边框：border:dotted4pxred;(dotted点状、dashed虚线、solid实线)4.使元素对齐：vertical-align:baseline/middle/text-bottom..5.显示：display:black/inline/inline-block;6.显示：visibility:visible/hiddle;7.相对定位：{position:relative;top:5px;}相对