web前端开发知识点总结.docx

web前端开发知识点总结

第一篇：web前端开发知识点总结HTML知识总结span行级元素，多个同行块级元素，独占一行块级元素，前后保留一行标题标签，h1~h6表6个等级，加粗，前后保留一行width：设置宽度height：设置高度alt：图片加载失败显示的文本p文本类ph图片标签imgcolor：颜色水平线常用标签hrsize：高度（粗细）width：宽度（长度）herf：超链接转到的地址超链接atarget_self:默认值，在当前页面打开_blank:在新窗口打开带标题的框fieldsetlegend设置标题disc：实心圆无序列表列表标签有序列表ulsquare：小方块olcircle：空心圆tr表示行th表示标题单元格，居中、加粗td表格标签caption表示一个单元格表示标题，定义在第一行，居中rowspan设置单元格占的行数colspan设置单元格占的列数action表单提交地址get：显示提交参数，将参数用?和&拼接到url上带到服务器端methodpost：隐式提交参数optgroup表示分组,分组不能选,只能选分组中的option下拉菜单selected默认选中multiple设置下拉菜单为多选模式表单项rows:显示文本的行数(高度)文本域cols:显示文本的列数(宽度)name：参数名size：显示字符长度（控制文本框长度）maxlength：最大可输入字符数input文本框type=“text”placeholder：提示内容disabled：不会被提交到服务器readonly：只读（会被提交到服务器）value：默认值密码框type=“password”单选按钮type=“radio”复选框type=“checkbox”文件选择框type=“file”按钮type=“button”提交type=“submit”checked：默认选中input按钮重置type=“reset”noresize：不能改变框架大小frame：表示框架scolling：是否显示滚动条（yes、no、auto）设置框架集在纵向上的拆分策略设置框架集在横向上的拆分策略rowscolsborder框架集框架边框的宽度borderColor框架边框颜色frameBorder设置框架是否有边框(yes|no)_blank:新窗口中打开_self:在当前窗口打开框架集中的超链接打开方式target_parent:父窗口中打开_top在最顶层窗口中打开frameName：在对应name框架打开ifame在页面中嵌入框架dl、dt、dd其他标签数码手机marquee：滚动标签shape=“circle”coords=“309,257,20”target=“_blank”href=“http://5新标签number：数字输入datepicker：日期选择datalist：自动提示sichuanchongqingguangzhoushanghaibeijingtianjinvideo：动画媒体radio：音频autocomplete：是否关闭自动提示（off|on）html5新标签autofocus:自动获得焦点required:表示控件必须输入内容controls:播放控制条autoplay：自动播放loop：循环播放preload：预加载，如果设置了autoplay，就可以不用设置preloadCSS知识点总结内联：直接在标签的style属性上编写样式样式定义方式样式块：在style标签中编写样式块，并通过一定规则（选择器）应用到对应的那些标签上(通常写在head中)span{color:green;background-color:#eeffee;}外部样式文件：将样式块编写在外部的css文件中(不用写style标签)*在需要使用样式的页面通过link标签引入样式文件(通常写在head中)id选择器#xxx针对id为xxx的标签类选择器.xxx针对class属性为xxx的标签标签选择xxx针对标签名为xxx的标签*选择器选择所有元素选择器后代元素关系选择selector1selector2{...}针对selector1下的所有的selector2子元素关系选择selector1>selector2{...}只针对selector1的selector2子元素(如果有后代selector2元素则不会应用)紧邻兄弟关系选择selector1+selector2{...}只针对紧接在selector1后的selector2元素所有随后的兄弟关系selector1~selector2{...}针对selector1后的所有的selector2兄弟元素color：字体颜色font-size：字体大小font-family：字体样式字体font