08 2022 档案
摘要：html5有新增标签header头部信息footer底部信息section 区域 段meter 度量衡progress 进度条<progress max="100" value="88"></progress>nav 导航栏article 文章aside 侧边栏dialog 对话框默认隐藏不显示，因
阅读全文
摘要：盒子模型：标准盒模型盒怪异盒模型标准盒模型从内到外：content padding border margin position怪异盒模型：content包含padding盒border，外面式margin标准盒模型切换怪异盒模型box-sizing:content-box切换标准盒模型box-si
阅读全文
摘要：变量名要求：以字母、下划线，$开头、跟随字母、数字、下划线语句结束的分号：推荐一句之后带分号变量可以连续声明，用英文逗号隔开js是弱语言：变量声明可以不设置的数据类型，赋值时决定变量时间种类数据类型注释的优点：保存备用代码，对代码进行解析//js单行注释 /*js多行注释*/<!--html注释--
阅读全文
摘要：数字函数:Math 获取最大值 Math.max(数字1，数字2，....，数字N) 获取最小值 Math.min(数字1，数字2，....，数字N) 获取绝对值 Math.abs(数字) 圆周率 Math.PI 向下取整 Math.floor(数字)，获取小于该数子的最大整数 向上取整 Math.
阅读全文
摘要：switch语句 switch：分支 case：举例 default：默认 break中断 没有break回忽略后面的条件 switch用于相等判断时，用的严格相等（ ）
阅读全文
摘要：if...else...,else,否则，否定前面假设的条件if(条件){//条件成立时执行}else{//条件不成立时执行}js中默认3个弹窗prompt,输入窗口，点击确定，结果是输入的内容，点击取消，结果是nullconfirm确定窗口alert警告窗口 if..else if...elsei
阅读全文
摘要：循环需要终止条件 for循环(初始话变量;终止变量;指针更新){ }for循环的执行过程：1、初始化变量2、判断变量是否满足条件如果满足条件时执行循环体中的语句如果不满足条件则结束循环3、更新变量4、重复2、3 - while循环，当...执行打印1-10do...while做(执行)...当什么，
阅读全文
摘要：数字将数字字符串转成数字Number()- * /parseInt(字符串):如果首位不是数字，结果NaN，将字符串转成数字，遇到第一个非数字结束parseFloat(字符串):和parseInt用法类似，支持小数.roFixed(小数位数):将数字保留几位小数(四舍五入) 时间日期获取年月日时分秒
阅读全文
摘要：函数：将重复的功能操作放在一起，需要执行时只需要调用相关名称 函数的用法：函数名()，所有数据中，只有函数后面才能加() 函数分类 具名函数： function xy(){ //执行语句 } //xy() 匿名函数： var mn=function(){//变量赋值 //执行语句 } //mn()
阅读全文
摘要：字符串:"" '' `` 双引号或单引号之间的内容不会执行，不会计算 字符串: 属性： .length 长度，指字符个数不能修改 索引：从0开始，最后一个字符索引是长度-1 方法： .cherAt()获取指定位置的字符 str[索引] .indexOf("字符")获取字符的位置，如果获取不到，则结果
阅读全文
摘要：全局作用域: script标签下 在此声明的变量称为全局变量，全局变量在页面打开时创建，在关闭页面时销毁 全局变量作为window的属性，使用时省略window 全局变量声明之后任意位置均可访问 局部作用域: function内部，也称为函数作用域 在此声明的变量称为局部变量,局部变量在函数调用时,
阅读全文
摘要：浮动竖着排列的项目想横向排列标准文档流在不使用其他与排列和定位相关的css规则时，各个元素排列方式 脱离(标准)文档流1.浮动2.定位3.弹性盒子预防浮动带来的问题设置父级，设置号宽高清除浮动1.clear:both;
阅读全文
摘要：html csshtml 标签行元素块元素区别？行元素：不独占一行，设置宽高无效，继承父级属性块元素：独占一行，设置宽高有效，继承父级属性行内块：不独占一行，设置宽高有效，继承父级属性语义化标签：标签自身能代表其含义(a,p,img,h1-h6,strong,em,ul,table,form)非语义
阅读全文
摘要：任何元素都有盒子模型盒子模型由4部分组成：content内容 padding内边距，border边框，margin外边距从内而外：content-padding-border-marginmargin书写padding:10px;上下左右10pxpadding:5px 10px;上下 5px 左右1
阅读全文
摘要：1.clear:both在被影响的元素上加2.给父级设置宽高加display:block3.给父级设置宽高overflow:hidden;4.伪类{content:"";宽高，displat:block;clear:both;overflow:hidden}
阅读全文
摘要：1.静态定位， static默认无定位2.相对定位 relative3.绝对定位 absolute4.固定定位 fixed 固定到某个位置5.粘性定位 sticky跟前面四个属性值都不一样，它会产生动态效果，很像relative和fixed的结合根据方向控制位置(top,left,right,bot
阅读全文
摘要：css3圆角border-radius: 10px;border-top-left-radius: 10px;左上角圆角(单个圆角设置，先写上下，再写左右)正圆圆角，宽高相等，设置border-radius是宽高的值css3盒子阴影box-shadow:3px 8px 21px 8px;第一个值，水
阅读全文
摘要：animation:动画名称 时间s;动画播放方式1.默认播放一次2.infinite循环播放动画方向animation-direction1.正序 animation-direction: normal;2.倒序 animation-direction: reverse;3.交替 animatio
阅读全文
摘要：1.动画组成关键帧@keyframes，用于定义动画的每个状态①from...to..@keyframes 动画名称{from{}to{}}②0% 10% 50%@keyframes 动画名称{0%{}50%{}100%{}} 调用动画animation:动画名称 时间s;动画播放方式1.默认播放一
阅读全文
摘要：布局方式table div+css 弹性布局 响应式布局(一个页面适用于多个设备)@media多媒体查询 关键词only 只有 仅仅not 没有 除了and 和连接词 手机尺寸最小320px 最大750px iPad 平板最小641px 最大979px 电脑980px - 1200px1200px以
阅读全文
摘要：弹性盒子是偶遇弹性容器和弹性子元素组成，弹性容器设置display:flex或者inline-flex,会让容器变成弹性盒子。父级容器属性:1.主轴方向flex-direction-row行 横向排列-column列 纵向排列-row-reverse 横向反向-column-reverse 纵向反向
阅读全文
摘要：css命名规则topber顶部条header头部content内容footer底部nav导航条菜单menu轮播图banner标loge搜索框search购物车cart广告ad秒杀sec更多、查看更多 more回到顶部scrollTop登陆 login登陆条 loginbar注册 regsiter
阅读全文
摘要：1.背景图片background:url(../img/46.jpg);纯色背景background：red/#ff6600;2.背景尺寸、大小:水平 垂直；background-size:100% 100%;background-size:1000px 500px;根据背景图或者背景区域大小去写像
阅读全文
摘要：+相邻兄弟选择器，选中的是相邻的弟弟，紧挨着的弟弟，但是他不能独立存在~ 同胞选择器（兄弟选择器），选中的弟弟 （+、~）优先级是一样的，那个层级关系多那个优先级高>子代选择器空格后代选择器 通配符选择器，选中所有的元素，在选择器里优先级最低元素选择器（标签选择器），选中某一类的所有标签；派生选择器
阅读全文
摘要：css选择器1.标签选择器p{} span{} h1{}2.class类名/类别选择器3.id选择器id名称唯一，优先级比class和标签要高4.后代p span{} p .text{}5.子代p>span>b{} 逐级写不能跳级6.通用选择器*{} 所有标签都应用7.群组选择器body,ul,ol
阅读全文
摘要：标签也叫元素标签分行标签（行元素）和块标签（块元素）和行内块行元素：不独占一行，设置宽高无效，继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素：独占一行，设置宽高有效，继承父级属性h1-h6,p,div,form,ul,ol行内块（内联块级）：不独
阅读全文
摘要：列表1.有序列表ordered list<ol><li></li><li></li><li></li><li></li></ol>2.无序列表unordered list<ul><li></li><li></li><li></li><li></li></ul>无序列表默认样式list-style:
阅读全文
摘要：标签也叫元素标签分行标签（行元素）和块标签（块元素）和行内块行元素：不独占一行，设置宽高无效，继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素：独占一行，设置宽高有效，继承父级属性h1-h6,p,div,form,ul,ol行内块（内联块级）：不独
阅读全文
摘要：表单 form<form action="" method="post"></form>action=""将表单提交到对应地址method="get/post"提交方式get获取post传输 1.如何实现表单提交①<form action="提交地址"></form>②提交按钮<button typ
阅读全文
摘要：表格table tr行 td列也是单元格属性：1.width宽度2.height高度3.表格内外边框空隙cellspacing="0"4.内边框到内容的距离cellpadding=""5.边框border="1"6.边框颜色bordercolor=""7背景颜色bgcolor="green"8.背景
阅读全文
摘要：html超文本标记语言html的标签1.文字标签标题标签特点加粗加大(h1-h6)h1-h6属性：align="left/center/right"位置，左、中、右段落标签<p></p>align="left/center/right"文字加粗<b></b> <strong></strong>文字斜
阅读全文
摘要：1.绝对路径： 只有两种 1） 完整的网址 2） 从根目录开始的本地路径 2.相对路径：三种情况 1）html页面和被访问的文件在同一个文件夹里面，也就是它们俩是亲兄弟关系，怎么访问：直接写被访问问价的名字（需要带后缀文拓展名） 2）被访问的文件在HTML页面所在文件夹的子文件夹里，也就是html是
阅读全文
摘要：表格，现有行后有列，单元格在行中 Colspan同一行中合并单元格，跨行合并；rowspan同一列中合并单元格跨行合并。 水平表头，表头水平排列，所以表头在一行内；垂直表头，表头垂直排列，所以表头在一列内。 表格的特性： 单元格必须将表格的宽高全部沾满； 表格每一行的 高度是一致的，不会有单元格错落
阅读全文
摘要：https网络传输协议，上网需要写的html是超文本标记语言CSS层叠样式表title页面标题meta charset="UTF-8"解决乱码问题char字符 set设置 utf-8万国码W3C万维网联盟 维护html和css<>尖括弧/号尖括号包括的叫标签标签分为单标签和双标签（单标签<hr>、双
阅读全文
浙公网安备 33010602011771号