欢迎来到天天文库
浏览记录
ID:21631494
大小:170.50 KB
页数:18页
时间:2018-10-23
《web前端知识点总结》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、WORD文档可编辑HTML知识点一、功能用来制作静态网页,网页中的全部内容都是通过Html语言展现出来。使用场合:开发静态网页。二、思想一切功能都由标签实现,标签具有四要素。三、常用标签标签关键字功能常用属性设置字体,字号,颜色face,color,size换行
2、符号列表type插入图片src,width,height,border,title,alt
3、readonly,disabled创建密码框创建单选按钮checked创建下拉列表框name创建列表项value,selected创建复选框checked技术资料专业分享WORD文档可编辑创建文本区域name,rows,cols创建隐藏控件创建提交按钮4、pe="reset"/>创建重置按钮超级链接,网页跳转href,target指定快速的查询到该网页的关键字//提供网页内容的描述信息//指定文档类型和页面字符集四、案例1、诗篇2、学生课程表3、注册页技术资料专业分享WORD文档可编辑CSS知识点一、功能1、css格式化页面中的各组成元素2、cs5、s决定元素在页面的具体位置二、思想属性是css最小构成单元,每个属性都有特定功能,多个属性构成样式,由样式修饰html语言的标签。三、样式修饰标签1、style属性html标签添加style属性,属性值是多个css属性的组合。2、标签选择器样式名与标签关键字相同,根据名称相同自动关联。3、ID选择器1>样式名以#开始;2>标签添加id属性与样式关联。4、类选择器1>样式名以.开始;2>标签添加class属性与样式关联。5、属性选择器标签名[属性名=属性值],根据标签关键字和属性值自动关联。6、包含选择器1>子样式名中间加>或空格分隔(>直接包含);2>看最后一个子样式是什么选择器就如何关6、联标签。7、多个样式名同一样式体1>样式名中间加逗号分隔;2>根据样式类型决定如何与标签关联。8、多条件同时成立选择器技术资料专业分享WORD文档可编辑1>多个子样式名紧挨着2>一个标签必须同时具备这多个条件才可以被该样式修饰9、各选择器使用场合1)如果想根据标签名用一个样式修饰所有同名标签时,用标签选择器;2)如果一个样式只想修饰唯一的一个标签时,用id选择器;3)如果一个样式想修饰多个任意标签时,用类选择器;4)尽量使用包含选择器。四、元素定位1、盒子模型通过设置标签的内外边距从而改变元素的位置,没有脱离标准文档流。相关属性:marging-top:外上边距margin-right:7、外右边距margin-bottom:外下边距margin-left:外左边距margin:同时设置上右下左四个外边距(顺时针)padding-top:内上边距padding-right:内右边距padding-bottom:内下边距padding-left:内左边距padding:同时设置上右下左四个内边距border-top:设置上边线的粗细,颜色,线型border-right:设置右边线的粗细,颜色,线型border-botto
4、pe="reset"/>创建重置按钮超级链接,网页跳转href,target指定快速的查询到该网页的关键字//提供网页内容的描述信息//指定文档类型和页面字符集四、案例1、诗篇2、学生课程表3、注册页技术资料专业分享WORD文档可编辑CSS知识点一、功能1、css格式化页面中的各组成元素2、cs
5、s决定元素在页面的具体位置二、思想属性是css最小构成单元,每个属性都有特定功能,多个属性构成样式,由样式修饰html语言的标签。三、样式修饰标签1、style属性html标签添加style属性,属性值是多个css属性的组合。2、标签选择器样式名与标签关键字相同,根据名称相同自动关联。3、ID选择器1>样式名以#开始;2>标签添加id属性与样式关联。4、类选择器1>样式名以.开始;2>标签添加class属性与样式关联。5、属性选择器标签名[属性名=属性值],根据标签关键字和属性值自动关联。6、包含选择器1>子样式名中间加>或空格分隔(>直接包含);2>看最后一个子样式是什么选择器就如何关
6、联标签。7、多个样式名同一样式体1>样式名中间加逗号分隔;2>根据样式类型决定如何与标签关联。8、多条件同时成立选择器技术资料专业分享WORD文档可编辑1>多个子样式名紧挨着2>一个标签必须同时具备这多个条件才可以被该样式修饰9、各选择器使用场合1)如果想根据标签名用一个样式修饰所有同名标签时,用标签选择器;2)如果一个样式只想修饰唯一的一个标签时,用id选择器;3)如果一个样式想修饰多个任意标签时,用类选择器;4)尽量使用包含选择器。四、元素定位1、盒子模型通过设置标签的内外边距从而改变元素的位置,没有脱离标准文档流。相关属性:marging-top:外上边距margin-right:
7、外右边距margin-bottom:外下边距margin-left:外左边距margin:同时设置上右下左四个外边距(顺时针)padding-top:内上边距padding-right:内右边距padding-bottom:内下边距padding-left:内左边距padding:同时设置上右下左四个内边距border-top:设置上边线的粗细,颜色,线型border-right:设置右边线的粗细,颜色,线型border-botto
此文档下载收益归作者所有