书签分享收藏举报版权申诉 / 19

立即下载

当前位置：首页 > 教育专区 > 高考资料 > 2022年03-Web前端知识点总结知识分享 .pdf

2022年03-Web前端知识点总结知识分享 .pdf

上传人：H****o

文档编号：56641301

上传时间：2022-11-02

格式：PDF

页数：19

大小：152.47KB

( 4.5 )

《2022年03-Web前端知识点总结知识分享 .pdf》由会员分享，可在线阅读，更多相关《2022年03-Web前端知识点总结知识分享 .pdf（19页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、此文档仅供收集于网络，如有侵权请联系网站删除只供学习与交流HTML 知识点一、功能用来制作静态网页，网页中的全部内容都是通过Html 语言展现出来。使用场合：开发静态网页。二、思想一切功能都由标签实现，标签具有四要素。三、常用标签标签关键字功能常用属性设置字体,字号,颜色face,color,size 换行居中对齐设置标题级别H1 最大h6 最小align 插入水平线size,width,align 划分段落,align 创建有序编号列表type,start 定义一个列表项定义无序符号列表type 插入图片src,width,height,border,title,alt 插入表格bo

2、rder,width,height,bgcolor,bordercolor,cellpadding,cellspacing 创建一行创建一列colspan,rowspan 创建一列，元素居中，粗体设置表格的标题收集用户输入信息,并提交给服务器action,method 创建文本框name,value readonly,disabled 创建密码框创建单选按钮checked 创建下拉列表框name 创建列表项value,selected 创建复选框checked 此文档仅供收集于网络，如有侵权请联系网站删除只供学习与交流创建文本区域name,rows,cols 创建隐藏控件创建提交按

3、钮创建重置按钮超级链接,网页跳转href,target 指定快速的查询到该网页的关键字/提供网页内容的描述信息/指定文档类型和页面字符集四、案例1、诗篇2、学生课程表3、注册页文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:

4、CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 H

5、I1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 Z

6、L9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编

7、码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2

8、 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7

9、 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9此文档仅供收集于网络，如有侵权请联系网站删除只供学习与交流CSS知识点一、功能1、c

10、ss格式化页面中的各组成元素2、css决定元素在页面的具体位置二、思想属性是 css最小构成单元，每个属性都有特定功能，多个属性构成样式，由样式修饰 html 语言的标签。三、样式修饰标签1、style 属性html 标签添加 style 属性，属性值是多个css属性的组合。2、标签选择器样式名与标签关键字相同，根据名称相同自动关联。3、ID 选择器1样式名以#开始；2标签添加 id 属性与样式关联。4、类选择器1样式名以.开始；2标签添加 class属性与样式关联。5、属性选择器标签名属性名=属性值，根据标签关键字和属性值自动关联。6、包含选择器1子样式名中间加或空格分隔(直接包含)；2

11、看最后一个子样式是什么选择器就如何关联标签。7、多个样式名同一样式体1样式名中间加逗号分隔；2根据样式类型决定如何与标签关联。8、多条件同时成立选择器文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1

12、H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9

13、V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:

14、CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 H

15、I1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 Z

16、L9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编

17、码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9此文档仅供收集于网络，如有侵权请联系网站删除只供学习与交流1多个子样式名紧挨着2一个标签必须同时具备这多个条件才可

18、以被该样式修饰9、各选择器使用场合1)如果想根据标签名用一个样式修饰所有同名标签时，用标签选择器；2)如果一个样式只想修饰唯一的一个标签时，用id 选择器；3)如果一个样式想修饰多个任意标签时，用类选择器；4)尽量使用包含选择器。四、元素定位1、盒子模型通过设置标签的内外边距从而改变元素的位置，没有脱离标准文档流。相关属性：marging-top：外上边距margin-right：外右边距margin-bottom：外下边距margin-left：外左边距margin：同时设置上右下左四个外边距(顺时针)padding-top：内上边距padding-right：内右边距padding-bot

19、tom：内下边距padding-left：内左边距padding：同时设置上右下左四个内边距border-top：设置上边线的粗细,颜色,线型border-right：设置右边线的粗细,颜色,线型border-bottom：设置下边线的粗细,颜色,线型border-left：设置左边线的粗细,颜色,线型border：同时设置四个边线的粗细,颜色,线型border-width：只设置 4 个边线的宽度(粗细)border-color：/只设置 4 个边框的边框颜色文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C

20、4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3

21、Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L

22、6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X1

23、0C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1

24、C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S

25、2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3

26、X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9此文档仅供收集于网络，如有侵权请联系网站删除只供学习与交流border-style：只设置 4 个边框的边框线型2、绝对定位有 2套坐标系统：1)如果该元素所有父标签都没有设置相对定位，那么浏览器左上角为坐标原点，根据 left 与 top 值确定元素的位置。2)第一个设置相对定位的父标签左上角为坐标原点，根据left 与 top 值确定元素的位置。脱离标准文档流相关属性：position:ab

27、solute;/表示绝对地址定位,通过绝对定位,元素可以放置到页面上的任何位置。left:100px/绝对定位时表示与浏览器左边框距离。top:100px/绝对定位时表示与浏览器上边框距离。z-index:/在绝对定位层改变各元素层叠顺序属性值是整数越大越在上方。3、相对定位元素原位置(标准文档流的位置)左上角为坐标原点，根据 left 与 top 值改变位置。没有脱离标准文档流。相关属性position:relative;/表示相对地址定位,通过相对定位；元素可以放置到页面上的任何位置。left:100px/相对定位时表示与元素原始位置的左边距离。top:100px/相对定位时表示与元素原始

28、位置的上边距离。4、浮动定位文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y

29、9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6

30、U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10

31、C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C

32、3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2

33、L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X

34、10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9此文档仅供收集于网络，如有侵权请联系网站删除只供学习与交流把元素靠在在父容器左边或右边.兄弟元素都设置浮动后成为一行，脱离标准文档流。相关属性float:设置浮动定位clear:清除浮动定位的影响5、各定位方式使用场合1)靠左或靠右，兄

35、弟标签一列变一行，文字环绕浮动定位。2)移动位移比较小，用盒子模型。3)移动位移比较大，父容器相对定位，子元素绝对定位。五、添加独立css文件 3 步骤1、创建子文件夹和css文件2、在 html 页面用标签导入独立css文件3、定义样式并修饰各html 标签六、静态网页开发思想1、对网页元素通用属性进行设置。2、分析页面的组成，整个网页布局划分为多个矩形区域，在矩形区域内部又可以划分子矩形区域，每个矩形区域都用标签实现。3、用 html 标签把实际元素放在标签中，再用css 实现元素定位和格式化(对每个元素和 div)，依次类推，搞定每个div 区域。七、css常用属性属性名功能属性值f

36、ont-size 设置字号1)像素 2)百分比color 设置字体颜色1)英文单词 2)rgb font-family 设置字体宋体|黑体font-weight 设置文字粗体normal、lightar、boldfont-style 设置字体斜体normal、italicfont 设置字体所有属性必须按顺序设置text-decoration 设置文本下划线格式none、underline、line-through 文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S

37、2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3

38、X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4

39、P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV

40、6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1

41、H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9

42、V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:

43、CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9此文档仅供收集于网络，如有侵权请联系网站删除只供学习与交流text-align 元素中的内容水平方向对齐方式left、rigth、center line-height 设置行高像素vertical-align 元素中的内容垂直方向的对齐top、bottom、middle text-indent 段落首行缩进1)像素 2)emtext-transform 控制英文字母大小写none、capitalize、uppercase、lowercase

44、width 设置元素的宽度像素heigth 设置元素的高度像素background-color 设置背景颜色1)英文单词 2)rgb background-image 设置背景图片url(图片路径)background-repeat 设置背景图像重复方式repeat、no-repeat repeat-x、repeat-y background-size 设置背景图像的大小1)像素 2)百分比background-position 设置背景图片的出现位置像素background/设置所有背景属性display 设置元素是否可见none、block、inline overflow 设置内容超出父区

45、域时如何处理hidden、visible list-style-type 设置列表符号类型disc、circle、none list-style-image 用图片作为编号url(图片路径)opacity 设置元素的透明度从 0.0（完全透明）到1.0（完全不透明）cursor 设置鼠标到达元素上的鼠标形状pointer、text border-radius 设置圆角矩形像素八、案例1、房地产首页2、注册页3、登录页文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6

46、S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H

47、3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V

48、4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:C

49、V6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI

50、1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL9V4P1C3Y9文档编码:CV6S2L6U8U2 HI1H3X10C4J7 ZL

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

4.3 金币

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 2022年03-Web前端知识点总结知识分享 2022 03 Web 前端知识点总结知识分享

淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

限制150内

关于本文

本文标题：2022年03-Web前端知识点总结知识分享 .pdf
链接地址：https://www.taowenge.com/p-56641301.html