- 博客(17)
- 收藏
- 关注
RSS订阅转载 正则表达式
数字：1*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(-)?\d+(.\d{1,2})?$ 正数、负数、和小数：^(-|+)?\d+(.\d+)?$ 有两位小数的正实数：2+(.[0-9]..
2021-08-24 15:46:02
89
原创 js: NaN(not a number)
NaN数据类型值：当两个值进行“算术”运算时（加减乘除等）无法得到一个数字类的值时，这时所得的结果值就是NaN，数据类型为number，比如：0/0=NaN'张三'-'李四'=NaN
2021-07-29 19:40:15
255
原创 JS变量声明提升
变量声明提升：你可以提前使用一个稍后声明的变量，而不会引发错误。因为JS有预解析功能，会预读所有变量的定义，但不会预读变量的值。比如：console.log(a); //输出undefinedvar a=10;console.log(a);//输出10...
2021-07-29 17:46:23
84
原创 五星红旗CSS
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
2021-07-27 22:15:17
414
原创 背景图颜色线性渐变及径向渐变
线性渐变：background-image:linear-gradient(to right,red,yellow 67%,blue);//yellow 67%:yellow出现在67%的地方#grad { background-image: linear-gradient(to bottom right, rgba(255,0,0,0), rgba(255,0,0,1)); }#grad { background-image: linear-gradient(180deg, red, ye
2021-07-26 18:31:14
212
原创 CSS精灵 background-position属性
用PS切片工具获取图标长宽及坐标。.tubiao{position:absolute; width:30px; height:30px; background-image:url(imges/sprites.png); background-position:-55px -66px;}注意：当标签为行内元素时，元素不能设置长宽，需要加position:absolute;...
2021-07-26 18:08:11
54
原创 box-shadow
.box_shadow{box-shadow:10px 10px 30px rgba(250 30 20 .4),4px 8px 10px blue,inset 14px 8px 20px red;}可单独使用，也可层叠多个阴影，可加外部阴影，也可加内部阴影。
2021-07-26 16:50:49
47
原创 利用边框制作三角形
.sanjiao_down{width:0;height:0;border:20px solid transparent; border-top-color:red;}.sanjiao_up{width:0;height:0;border:20px solid transparent; border-bottom-color:red;}.sanjiao_left{width:0;height:0;border:20px solid transparent; border-right-color:red;
2021-07-26 16:29:20
68
原创 box-sizing属性
box-sizing:border-box，盒子的宽高为实际设计宽高，不受padding的影响。在移动端常用于百分比布局，弹性布局中。
2021-07-25 15:52:47
38
原创 两个垂直方向的margin值以最大值为最终值
两个垂直方向的margin值以最大值为最终值：eg：，最终两个容器的垂直间距为50px。两个容器水平方向的margin值会叠加。margin传递问题离父容器最近的子标签设计margin-top值时会把父标签一起拉下来。解决方法：子标签设计padding-top代替。（考虑父容器高度）父容器增加{overflow: hidden;}...
2021-07-25 15:47:27
155
原创 伪类和伪元素
伪类添加到选择器的描述性词语，指定要选择的元素的特殊状态超级链接有四个特殊状态：a:linka:visiteda:hovera:active * :hover 必须在 :link 和 :visited 之后，active 必须在 :hover 之后 * :visited 和 :link 前两者顺序可以互换 * 单个使用不需要遵守 ---------------------------------伪元素::before (IE8+兼容单冒号)
2021-07-24 23:56:12
42
原创 序号选择器
.box p:first-child{第一个子元素}:last-child{最后一个子元素}:nth-child(3){选择容器内的第3个子元素。也可以写成an+b的形式，表示从b开始每a个选一个，注意不能写成b+an。eg:.box p:nth-child(2n+3)，表示从第三个元素开始（包括第三个元素），每两个选一个。奇数可以直接p:nth-child(odd){}，偶数:p:nth-child(even)}:nth-of-type(3){第3个某同类元素，适用(2n+3)的形式}:n
2021-07-24 22:53:06
145
原创 ＜label＞＜input＞文字＜/label＞，点文字选中
<label><inputtype="radio"name="blood"value="A">A</label><label><inputtype="radio"name="blood"value="B">B</label><label><inputtype="checkbox"name="test"value="1">1</label>...
2021-07-23 15:17:01
170
原创 audio与video标签支持的文件格式
audio与video标签支持的文件格式1、audio标签支持的文件格式（1）ogg：一种新的音频压缩格式，是完全免费、开放和没有专利限制的（2）mp3：是一种音频压缩技术。它被设计用来大幅度地降低音频数据量（3）wav：为微软公司开发的一种声音文件格式，声音文件质量和CD相差无几2、video标签支持的文件格式（1）mp4：mpeg4文件使用H264视频编解码器和AAC音频编解码器（mpeg4=mp4）（2）webm：webm文件使用VP8视频编解码器和Vorbis音频编解码器（3）av
2021-07-22 23:38:42
5359
原创 ＜a＞标签锚点
跳转到其它页面的指定锚点：<a href="test.html#a">查看test页面的a内容</a>----------------------也可以用a标签的name属性：<ul><li><a href="#C1">第一章</a></li><li><a href="#C2">第二章</a></li><li><a href="#C3"&
2021-07-22 23:27:34
337
原创 相对路径书写方式
相对路径的书写方式：(1) 与“当前文件”同级，可以使用“./”，其中“./”可以省略。(2) 与“当前文件”不同级，书写方式如下：a) 当目标文件在“当前文件”上一级时，可以使用“. ./”，每一个“. ./”代表往上找一级。b) 当目标文件在“当前文件”所在级别的下面时，可以从当前级别往下查找。eg：相当于绝对路径的写法<img src="source/img/1.png">或者<img src="./source/img/1.png">注意：1、项..
2021-07-22 23:07:20
13777
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人