- 博客(20)
- 收藏
- 关注
原创 JS的数据类型及运算
一、数据类型输出数字不需要加引号,但是输出一段话就需要加引号,也就是说,数据有时候不需要加引号,但有时候就需要加引号,这是因为数据的类型不一致造成的。js中可以输出数字,输出一段带引号的话,还可以输出哪些数据?数字、带引号的数据、没有赋值的变量、true、false、[]数据、{}数据、null根据他们的用途和特性,可以将数据分为以下几类:类型 示例 备注 数字型(number) 1 -2 3.14 300 包括整数、小数、负数 字符串型(string)
2021-08-10 11:57:18
502
原创 JS基础语法
一、JavaScript的历史95年以前,就有很多上网的用户了,当时的带宽只有28.8kb/s,用户要进行表单的验证时,点击提交按钮,直接就将数据发送到服务器了,受限于带宽的关系,浏览器和服务器的通信很慢,大概一次通信需要30s的时间。 这样,问题就出现了,我们平常注册一个用户,需要填写很多信息,当我们将所有信息填写好,点击提交按钮后,等待30s以后,提示我们用户名被占用了,修改,提交,等待30s,提示用户名不符合规范,修改,提交,等待30s,密码不符合规范,修改,等待。。。这样的用...
2021-08-10 11:48:08
245
原创 grid布局
一、网格布局(Grid)它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局1.采用网格布局的区域,称为"容器"(container)。2.容器内部采用网格定位的子元素,称为"项目"(item)。3.注意:项目只能是容器的顶层子元素,不包含项目的子元素。Grid 布局只对项目生效。1.grid布局中的行和列容器里面的水平区域称为"行"(row),垂直区域称为"列"(column)。2.grid布局中的单元格 行和列的交叉区域,称为"...
2021-08-10 11:15:39
198
原创 CSS3弹性盒
一、新版盒模型1、display:flex 设置为弹性盒(父元素添加)2、flex-direction(主轴排列方式) 顺序指定了弹性子元素在父容器中的位置 row 默认在一行内排列 row-reverse:反转横向排列(右对齐,从后往前排,最后一项排在最前面。 column:纵向排列。 column-reverse:反转纵向排列,从下往上排,最后一项排在最上面3、justify-content(主轴对齐方式) 内...
2021-08-03 21:21:22
141
原创 3D、动画和弹性盒子
一、3D translateZ()往Z轴移动scaleZ()沿着Z轴缩放rotateZ()translate3d(X轴位移的距离,y轴位移的距离,z轴位移的距离)scale3d(x轴缩放的大小,y缩放的大小,z轴缩放的大小)rotate3d(0/1,0/1,0/1,旋转角度) 当功能函数的变量值为1时执行旋转度数二、动画首先先定义动画:@keyframes动画名{from{}...
2021-08-02 21:10:17
115
原创 2021-07-31
一、渐变概念:针对于盒子的背景颜色设置渐变是由浏览器解析得到的。渐变属性:backgroud/background-image1.线性渐变属性值:linear-gradient(参数) -第一个参数:方向(可以省略不写) -第二个参数:颜色1 -第三个参数:颜色2 -...方向值的设置 -默认值是从上到下的 -从一个边到另外一个边to结束的方向值 -从一个角到...
2021-07-31 16:15:51
67
原创 CSS的渐变过渡
一、线性渐变: 1.方向:默认从上到下 2.语法:background:linear-gradient(2~多个颜色,颜色中间用逗号分隔);linear-gradient(to方向[1到2两个],2~多个颜色,颜色中间用逗号分隔)linear-gradient(度数deg,2~多个颜色,颜色中间用逗号分隔) 3.加浏览器内核 4.方向:方向没有to直接跟的left/ri...
2021-07-29 19:45:08
563
原创 HTML新增
一、H5的语法1.内容类型(ContentType) HTML5的文件扩展符与内容类型保持不变,仍然为".html"或".htm"2.DOCTYPE声明 <!DOCTYPE html>不区分大小写3.指定字符集编码 <meta charset="UTF-8">4.可省略标记的元素不允许写结束标记的元素:br、col、embed、hr、img、input、link、meta 5.可以省略结束标记的元素: li、dt、dd、p、option、co...
2021-07-28 21:16:35
71
原创 BFC与选择器
1.BFCBFC 即 Block Formatting Contexts (块级格式化上下文),通俗一点来讲,可以把 BFC 理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部。2.BFC的特性与应用1.BFC内部的Box会在垂直方向,一个接一个的放置。 2.Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻box的margin会发生重叠...
2021-07-27 19:29:36
78
原创 表单的html及css
1.表单:收集用户信息 1)组成部分:表单域【表单的区域】+表单控件【input】+提示信息【请输入姓名】 2)应用:登录注册界面等等 3)表单控件:单选框(只能选择一个,必须有属性,而且name属性值必须一致【同一组单选 框】type=“radio”) 复选框:可以选择多个 type=“checkbox” 选择文件...
2021-07-26 21:15:42
167
原创 表格的基本结构及属性
1.表格1)表格是什么:页面中用来显示数据。2)课表/日历/成绩单/oa系统。3)语法结构:但是,如果没有加特殊的属性,每一行中的单元格数量必须一致。4)表格的属性:加到table里面的,border设置边框,cellspacing边框与边框之间的距离【默认为1px】,width/height align【设置table的位置】,bgcolor【背景颜色】。 加到tr里面的:height=“200px” ,align="lef...
2021-07-23 19:30:28
1131
原创 小米官网页面的实现
用定位实现小米官网注意:position和margin的简写形式不能同时用,但可以margin-left等可以同时生效Label for=“ID值”和a标签定位实现功能差不多(轮播图)<div class="banner"> <img src="..." id="img1"> <img src="..." id="img2"> <img src="..." id="img3"> <img src=".....
2021-07-23 16:40:08
303
原创 CSS的宽高度自适应引起的高度塌陷解决,垂直对齐
1.垂直对齐:在垂直方式设置元素的位置 应用场景:log垂直居中,下拉菜单垂直居中,控制文本与图片的位置 语法:vertical-align 属性值:middle/top/text-top/bottom/text-bottom/baseline middle【实现垂直居中】/te'xtext-top【重要】/text-bottom【文字的最下放】/top【line-height的最上方】/bottom【line-height的最下方】2.实现不同大小lo...
2021-07-22 20:54:16
511
原创 侧拉列表的实现,用定位做骰子
1.侧拉菜单的实现1)先搭建骨架 2)清除浏览器自带的内外边距 3)清除a以及第二个li的效果 4)清除列表默认的样式5)设置div的样式:宽度,高度,背景颜色 6)把a标签转为块级元素,并且设置宽度高度 7)给one_ul,one_li加宽度高度 8)给超链接以及li【第二个ul下的li】加浮动 9)隐藏 10)去除掉之前设置的背景颜色 /11.让内容显示出来 12)加背景颜色 ...
2021-07-20 19:36:54
188
原创 权重优先级、继承、伪类选择器
1.权重优先级:1.当选择器的权重一致时,他会按照顺序执行,后面的样式会覆盖前面的样式【操作同一个元素时】2.各个选择器之间的权重:标签0001class0010id0100!important最高的3.!important可以提高权重/优先级4.样式覆盖:相同属性设置操作了相同的元素5.干啥:当制作网页的过程中不知道那个优先显示的时候【】2.字体的继承: font-size都可继承/color除了超链接以外都可以继承.....
2021-07-19 21:03:17
265
原创 CSS的浮动属性,盒子
1.浮动总结1)什么是浮动:漂浮在页面的某个位置【有固定的位置】2)浮动的语法:float:left/right/none3)浮动的作用:页面排版【让竖着排列的元素可以水平排列】4)特点总结:a:会让元素脱离标准文档流【正常显示的样式】b:宽度不会再继承父元素的宽度了c:浮动属于半脱离:只能遮盖背景,不遮盖内容【文字,。。。。】d:浮动的参照物为父元素2.盒子1)内容区...
2021-07-17 11:38:42
106
原创 CSS关键样式,看完你就会用了!
1.样式设置1)颜色color属性值:颜色的英文/16进制的颜色【】/rgb2)字体font-family属性值:楷体/宋体....3)字体大小pxptem16px=12pt=1em,默认字体大小为16px,微软雅黑【除非自己单独设置过】4)加粗font-weight属性值:bold,boider/100~900[100~500变细,600~900变粗]/lighter【变细】5)倾斜font-style属性值:italic/...
2021-07-15 19:35:21
183
原创 CSS样式基础
1.表单form表单:用来收集用户信息,常用在【用户的登录注册界面】基本的语法结构:<form></form>input:标签用于搜集用户信息,根据不同的type属性,展示不同的控件,如输入框、复选框等text:普通的文本输入框password:密码输入框checkbox:复选框radio:单选框file:上传文件submit:提交按钮reset:重...
2021-07-14 19:53:47
106
原创 HTML5入门
1.什么是H5? a. H5是HTML的第五个版本 b.H5是一门技术总称2.H5能做什么?a.网页开发b.小程序,公众号c.HybridAppd.NativeAppe.桌面应用开发f.游戏开发g.后端开发3.一个项目的开发流程a.产品经理(根据用户需要,制定需求文档)b.UI设计(产品页面的切图)c.前端(人机交互界面,连接UI和后端)d.后端(功能的实现)f.测试(调试B...
2021-07-13 19:31:55
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人