摘要: 原理: 找case的值 匹配到进入case执行代码,找break 没找到,找下一个case,如果都没找到就找default,进行default代码,找break 如果没break,进入下一个case或default找break,直到最后 阅读全文
posted @ 2019-04-13 10:59 浅墨若寒 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 转换:transform 1.transform: translate(50px,100px);,偏移位置,将元素偏移到x轴50px,y轴100px的位置,元素在页面位置不动 2.transform: rotate(30deg);旋转,将元素旋转30度,如果是负数就逆时针旋转,元素在页面位置不动 3 阅读全文
posted @ 2019-04-13 10:58 浅墨若寒 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 多层嵌套 针对数组 阅读全文
posted @ 2019-04-13 10:58 浅墨若寒 阅读(106) 评论(0) 推荐(0) 编辑
摘要: Display: 1.Inline 显示在一行,会默认大小为内容大小 2.block 显示为一块,可以设置大小,占一行 3.inline-block 显示在一行,但是大小可以设置 4.none 将整个标签都隐藏起来,放置在另一个层面中 相比于display:none来说,visibility:hid 阅读全文
posted @ 2019-04-13 10:56 浅墨若寒 阅读(774) 评论(0) 推荐(0) 编辑
摘要: <link rel="shortcut icon" href="favicon.ico"> <!--标题前面的小图标。其中,rel是固定格式,href是图片的路径-->可以在百度搜索icon 在线转换制作或转换成ico格式。 阅读全文
posted @ 2019-04-13 10:55 浅墨若寒 阅读(589) 评论(0) 推荐(0) 编辑
摘要: <fieldset> <!--修饰表单,框选起来更好看点--> <legend>页面验证</legend> <!--表单标题--> <form action="接受数据的页面名.后缀名" method="post" enctype="multipart/form-data"> <!--如果要上传图片 阅读全文
posted @ 2019-04-13 10:54 浅墨若寒 阅读(143) 评论(0) 推荐(0) 编辑
摘要: text-shadow:文字阴影 box-shadow:盒子阴影 overflow:文本溢出属性指定应向用户如何显示溢出内容 p { white-space: nowrap; //超出部分是否换行,这里选否 width: 200px; border: 1px solid #000000; overf 阅读全文
posted @ 2019-04-13 10:53 浅墨若寒 阅读(202) 评论(0) 推荐(0) 编辑
摘要: Linear Gradients:线性渐变 background: linear-gradient(direction, color-stop1, color-stop2, ...); 默认是从上到下的,可以把direction改为left就为从左到右渐变 background: linear-gr 阅读全文
posted @ 2019-04-13 10:50 浅墨若寒 阅读(4758) 评论(0) 推荐(0) 编辑
摘要: background-image:添加背景图片 background-size:背景图的大小 length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动) percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二 阅读全文
posted @ 2019-04-13 10:44 浅墨若寒 阅读(132) 评论(0) 推荐(0) 编辑
摘要: border-radius:创建圆角 圆角可以单设 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角 两个值: 第一个值为左上角与右下角,第二个值为右上角与左下角 一个值: 四个圆角值相同 b 阅读全文
posted @ 2019-04-13 10:43 浅墨若寒 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 弹性盒子:Flex Box 弹性盒子,就是将元素放在盒子中,自行选择里面元素的位置和间距边距 1.flex-direction:属性指定了弹性子元素在父容器中的位置 row:横向从左到右排列(左对齐),默认的排列方式 row-reverse:反转横向排列(右对齐,从后往前排,最后一项排在最前面 co 阅读全文
posted @ 2019-04-13 10:42 浅墨若寒 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 扩展 基础语法 dom 操作页面上的标签 JS组成: ECMAsrcipt(核心语法) BOM (浏览器对象模型) window 窗口 location 地址栏 history 历史记录 document 文档 html 文件 .... DOM (文档对象模型) document DOM 文档对象模 阅读全文
posted @ 2019-04-13 10:36 浅墨若寒 阅读(148) 评论(0) 推荐(0) 编辑
摘要: js正则表达式 写在JS 做验证 做匹配 用符号来描述书写规则:/ 中间写正则表达式 / ^ :匹配开头,$:匹配结尾 ; /^ve/以ve开头的 /ve$/以ve结尾 \d:一个任意的数字 \w:一个任意的数字或字母 \s: {n}:把左边的表达式重复n遍 {m,n}:把左边的表达式重复至少m遍, 阅读全文
posted @ 2019-04-13 10:34 浅墨若寒 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 数组: 定义 赋值 使用(取值) 遍历 数组方法 字符串方法 var arr= [1,2,3,4,5];定义并赋值 var arr= []; 先定义后赋值 arr[0]=1; 数组元素:数组的每一个值就是数组元素 数组长度:数组元素的个数 arr1.lenght 数组下标:数组元素在数组中的位置 从 阅读全文
posted @ 2019-04-13 10:32 浅墨若寒 阅读(1449) 评论(0) 推荐(0) 编辑