![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 52
阿苼
这个作者很懒,什么都没留下…
展开
-
HTML&CSS常用单词及音标 (上)
target 英[ˈtɑ:gɪt] 美 [ˈtɑ:rgɪt]scrolling英 [sk’rəʊlɪŋ] 美 [sk’roʊlɪŋ]padding英 [ˈpædɪŋ] 美 [ˈpædɪŋ]margin英 [ˈmɑ:dʒɪn] 美 [ˈmɑ:rdʒən]reversed英 [rɪ’vɜ:st] 美 [rɪ’vɜ:st]width英 [wɪdθ] 美 [wɪdθ, w...原创 2018-12-14 14:27:22 · 985 阅读 · 0 评论 -
HTML&CSS常用单词及音标(下)
count英 [kaʊnt] 美 [kaʊnt]infinite英 [ˈɪnfɪnət] 美 [ˈɪnfənɪt]alternate英 [ɔ:lˈtɜ:nət] 美 [ˈɔ:ltərnət]state英 [steɪt] 美 [stet]mode英 [məʊd] 美 [moʊd]pause英 [pɔ:z] 美 [pɔz]running英 [ˈrʌnɪŋ] 美 ...原创 2018-12-14 16:45:07 · 433 阅读 · 0 评论 -
构建一个登录页面,实现用户名和密码的基本验证
<form action="https://www.baidu.com/" onsubmit="return fn()"> <input type="text" name="userName" /> <input type="password" name="passWord" />原创 2018-12-20 17:13:31 · 11269 阅读 · 0 评论 -
计算器页面功能的简单实现
<section> <input /><br /> <div class="opt">(</div> <div class="opt">)</div> <div class="opt">%&am原创 2018-12-20 17:52:21 · 419 阅读 · 0 评论 -
flex布局
Z-index 用于设置了定位元素显示的层级默认定位后的元素会在普通文档元素之上显示,那么如何做到让定位元素显示在文档的下方呢?设置Z-index的值即可。Z轴概念:水平的X轴和垂直的y轴构成了一个面,而Z轴则就是垂直这个面。Z-index作用:Z-index属性其作用就为设置一个定位元素沿 z 轴的位置。Z-index值效果:z-index 属性设置元素的堆叠顺序。拥有更高...原创 2018-12-11 18:50:56 · 164 阅读 · 0 评论 -
js选择与判断种类&三目运算符
**js选择与判断种类**(1) if-else判断名字由来:整个表达式由if-else控制基本语法if(条件){…}else{…}特点:if语句的语法简单,结构清晰,但性能要低于三目运算符注意可以只写if也可以写if…else if…else…【这种写法能验证多类型条件组合】三目运算符名字由来:它需要三个操作数,因此称为三目运。基本语法: 条件 ? 表达式1 ...原创 2018-12-17 19:14:10 · 1537 阅读 · 0 评论 -
JS循环(分别在for循环/while循环/do-while循环中使用console.log()输出“0~100”之间的“奇数”)
// for循环for (var n = 0; n < 100; n++) {if (n % 2 == 1) {console.log(n);}}// whilevar i = 0;while (i < 100) {if (i % 2 == 1) {console.log(i);}i++;}// do-whilevar i = 0;do {if (i ...原创 2018-12-18 18:46:53 · 2517 阅读 · 0 评论 -
先通过一个for循环遍历100之内的所有的偶数(2,4,6,8...),然后在通过一个循环求出每个偶数n(2,4,6,8...) 从1到其本身之和(1+2+3+4+...+
for (var i = 1; i < +100; i++) {if (i % 2 == 0) {var sum = 0;for (var j = 1; j <= i; j++) {sum += j;}console.log(“当前值为” + i, “1+2+…+” + i + “==” + sum);}}原创 2018-12-18 18:47:46 · 3483 阅读 · 0 评论 -
打印出100--999以内的所有 "水仙花数 ",所谓 "水仙花数 "是指一个三位数, 其各位数字立方和等于该数本身
for (var i = 100; i <= 999; i++) {var it = i + “”;if (it[0] ** 3 + it[1] ** 3 + it[2] ** 3 == i) {console.log(i)}}原创 2018-12-18 18:48:38 · 3676 阅读 · 0 评论 -
输入一行字符,分别统计出其中 #号、空格、数字和其它字符的个数
var str = “busdgdj 2# 1239 jdka# m2”;var v1 = 0, v2 = 0, v3 = 0, v4 = 0;for (var i = 0; i &lt; str.length; i++) {if (str[i] == “#”) v1++;else if (str[i] == " ") v2++;else if (!isNaN(Number(str[i...原创 2018-12-18 18:49:18 · 237 阅读 · 0 评论 -
HTML和CSS大概内容列表
HTML主要构成内容1,基本的文本标签标题标签h1-h6普通文本标签span段落标签p章节标签article/section2,超文本链接标签a3,音频 / 视频标签 audio / video4,表格标签table5,表单标签form6,列表标签ul / ol / dl7,布局标签div8,框架标签iframeCSS主要构成内容1,css的基本结构和使用方式2,cs...原创 2018-12-14 12:49:59 · 241 阅读 · 1 评论 -
CSS变形转换
变形转换transform能够执行“位移”、“旋转”、“缩放”、“倾斜”、“翻转”和“透视”等变形转换。① 位移translate② 旋转rotate③ 缩放scale④ 倾斜skew组合值写法:上面四个值不论顺序如何都有效果,但是顺序不同的话,效果就不同。⑤ 矩阵matrix(matrix-translate/rotate/scale/skew)⑥ 变换原点origin(可以给百...原创 2018-12-06 16:46:14 · 126 阅读 · 0 评论 -
Three
1,注意全局(类似于全网通,基本上时没有局限性的,全部都能使用)和局部(只能在某些特定的时候使用)的差别例如: Title / lang / dir / contenteditable2,文本标签: h1-h6 ,p ,span标签标题标签h1-h6 h1最大,h6最小(会自动换行,并且加粗加黑占满整行)普通文本标签span (行内标签,没法设置宽高属性,大小由其内容撑满)段落标签p...原创 2018-11-21 17:31:40 · 78 阅读 · 0 评论 -
Five
1,实现表单文字对齐:通过表格/css样式Align(center/right/left)水平对齐方式 & valign(top/middle/bottom)垂直对齐方式。2,input中type新增属性值:email / url/ search/ number/ tel/ range/ color/ date/ moonth/ week/ time/ datetime/ datet...原创 2018-11-23 17:22:34 · 90 阅读 · 0 评论 -
Four
1,列表标签( 块级标签 ):有序列表ol /无序列表ul /定义列表 dl注意:他们的li/dt/dd等标签也是块级标签无序列表ul:属性type(disc实心/circle空心圆/square方块)有序列表ol:属性type类型/start规定起始值 /reversed [rɪ’vɜ:st]倒序注意:start的值只能为阿拉伯数字定义列表dl:dt定义项目/dd描述项目(dd与dt是...原创 2018-11-22 16:42:06 · 130 阅读 · 0 评论 -
CSS引入方式及权重等笔记
1,用css样式设置的权重 &gt; 在标签属性中设置的(优先级)注意:在table里面设置border是给所有的行列都会加边框,但是在css样式中写border就只会显示最外层的边框,若要全部的行列都加边框,就得在写css样式时,在表格的td下写。CSS基本结构:选择器{ 样式属性:属性值;}2,CSS适用方式(4种):“内嵌样式”:写在style标签对里面。“行内样式”:直接写在...原创 2018-11-26 16:06:54 · 240 阅读 · 0 评论 -
盒子模型与css背景
1,元素的轮廓outlineoutline-width 设置轮廓线的宽度/outline-style 设置轮廓线的样式/outline-color 设置轮廓线的颜色/outline-offset设置轮廓线相对元素边框的距离2,调整元素大小resize(vertical垂直 /horizontal水平 /both )注意:要配合overflow使用在块级和行内块中使用(支持display改变...原创 2018-11-29 17:05:54 · 356 阅读 · 0 评论 -
css元素定位和浮动、元素的隐藏与显示
一、Css元素定位position用于设置元素定位该属性有以下值static 默认值,采用元素默认的定位方式。relative使元素对其原始位置进行“相对定位”。absolute使元素根据父(祖先)父元素的定位情况进行“绝对定位”。fixed使元素相对于浏览器窗口进行“固定定位”。二、Css元素的浮动1.浮动float控制(1)该属性可以使元素脱离文档流,在父容器中进行浮动,停靠...原创 2018-12-04 17:47:20 · 886 阅读 · 0 评论 -
字体样式&文本样式
1,字体样式设置: 字体类型(风格)font-style / 字体粗细font-weight / 字体大小font-size / 字体系列font-family组合值写法:字体风格和字体粗细可以都不写或者写一个,也可以换顺序,但是font-size和family的顺序不能换,也必须同时给。注意:可以用font-size设置行高。例如:font-size:20px/100px;(20是字体大小,...原创 2018-11-27 14:42:31 · 478 阅读 · 0 评论 -
背景颜色渐变&vertical-align
1,背景色渐变background注意:渐变是css3中的东西,请考虑加上兼容处理。渐变的类型:线形渐变linear-gradient(); / 径向渐变 radial-gradient();渐变的条件:给上两种以上的颜色。2,关于html和body大小与背景设置一般情况下盒子有多大,给其设定的背景颜色等就有多大,但是对于html和body例外。它们两个在默认情况下是没有高度的,其高度会...原创 2018-11-30 17:15:23 · 220 阅读 · 0 评论 -
文本样式设置&盒子模型
<( < ) / >( > )1,文本样式设置:段落首行缩进text-indent该属性是用于设置每个段落首行缩进数量值的属性,如果是用于中文布局,一般会使用“2em”的数值和单位来为每个段落的首行缩进“两个字符”。例如:文本装饰性(下划线)text-decoration文本字母大小写转text-transform该属性有以下属性值:none(默认):保持...原创 2018-11-28 17:12:07 · 333 阅读 · 0 评论 -
Media响应式布局
Media响应式(1)概念–什么是多媒体查询?媒体查询是指:通过css查询出访问我们网页的设备的媒体类型,来决定使用何种样式。(2)作用–多媒体解决的问题是什么?媒体查询的作用为:为了解决在不同媒体类型上,网页的排版,显示,样式等问题。(3)媒体查询使用前的准备在我们使用Media前,需要先来兼容移动设备的展示效果:这段代码的几个参数解释:width = device-width...原创 2018-12-07 17:19:43 · 227 阅读 · 0 评论 -
css过渡和动画
1,过渡特效transition四个主要内容:过渡CSS属性名称、过渡执行时间、过渡时间速率曲线、过渡延时执行① 过渡基础实现:(过渡一定要给时间)② 过渡的四个属性:A,transition-property执行变换的属性Br,transition-dustion过渡执行的时间C,transition-timing-function过渡时间曲线D,transition-delay过...原创 2018-12-05 18:00:52 · 103 阅读 · 0 评论 -
关于js中闭包的相关知识
1,闭包可以说就是跨作用域访问变量(能够读取其他函数内部变量的函数)内部作用域可以保持对外部作用域中变量的引用从而使得(更)外部作用域可以访问内部作用域中的变量。闭包可以捕获到局部变量和参数的外部函数绑定,即便外部函数的调用已经结束。实例如下:var scope = “global scope”;function checkScope() {var scope = “local scop...原创 2019-02-02 21:19:05 · 122 阅读 · 0 评论