- 博客(21)
- 收藏
- 关注
原创 预解析 和作用域 练习题
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body></body><scripttype="text/javascript">//1.//varnum=10;...
2021-08-13 21:18:29 145
原创 函 数 的学习
函数的概念:函数本身就是具备某个功能的工具。是完成某个功能的一段代码parseInt(),alert() 这就是函数 是系统提供的 直接拿来用的自定义函数定义语法:function 函数名(变量){ 代码段}当我们定义好函数 并在页面执行时 发现并没有执行 因为函数是死的 不会自己执行 需要我们调用函数的调用:函数名()调用的语法很简单,这样我们以后还需要执行函数中的代码的时候,就不用再重写那么多的代码了,只需要简单的将原来定义好的函数进行调用即...
2021-08-12 20:50:11 193
原创 初识 js
js 的历史:网景公司(Netscape)由布兰登艾奇 用了十天发明的js在html中的 :js在html中是以一个script双标签存在的script标签也是可以放在网页的任何一个地方,但是初期建议放在body的结束后面所有js代码都写在这个标签中js的注释:单行注释-注释一行代码多行注释-注释多行代码js的输出:输出:将需要显示的内容显示在浏览器上js中写的内容,不会默认显示在浏览器上,使用特定的语法...
2021-08-10 08:52:01 64
原创 2021-08-04
<linkrel="shortcuticon"href=""type="image/x-icon"> 网页t图标rem,em设置单位的区别body部分<section><div><p>hahahhahqha</p></div></section>CSS部分<style>html{...
2021-08-05 09:02:44 78
原创 2021-08-03 知识总结
多列多栏设置/*设置分栏栏数*/column-count:3;/*每一栏的宽度*/column-width:400px;/*栏与栏之间的间隔*/column-gap:50px;/*设置内容自适应栏高度,内容会填充满栏的高度*/column-fill:auto;/*根据内容和栏数自适应高度,高度由内容决定*/column-fill:balance;/*设置栏与栏之间的分割线,类似border-right*/column-rule:3pxsolid...
2021-08-03 22:29:41 74
原创 2021-08-02 弹性盒
怪异盒box-sizing用来设置盒模型的解析规则的box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素。border-box(按怪异盒模型的规则解析)为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。弹性盒子display:flex/inline-flex设置为弹性盒(父元素添加)说明:flex:将对象作为弹性伸缩盒显示inline-..
2021-08-02 22:35:40 53
原创 2021-08-02
CSS3的3D设置2d场景,在屏幕上水平和垂直的交叉线x轴和y轴3d场景,在垂直于屏幕的方法,相对于3d多出个z轴Z轴:靠近屏幕的方向是正向,远离屏幕的方向是反向transform属性平移transform:translate(200px);平移,默认是X轴移动,可以单位是%,这个%是自己的,不是父元素的transform:translatex(200px);根据X轴给定的参数,从当前元素位置移动。transform:translateY(200px);根据Y轴给定的参数,从当前...
2021-08-02 22:09:02 57
原创 2021-07-29 知识总结
CSS3浏览器前缀-ms-box-shadow lE浏览器专属-moz--moz-box-shadow基于Gecko引擎的浏览器(如Firefox)-O--o-box-shadow Opera浏览器专属-webkit--webkit-box-shadow基于Webkit引擎的浏览器(如Chrome、Safari)背景渐变:linear-gradient(线性渐变)和radial-gradient(径向渐变):可以让你在两个或多个指定的颜色之间显示平稳的过渡线性渐变(Linear
2021-07-29 21:27:55 54
原创 2021-07-28 知识总结
一、语义化标签:头部:header导航栏标签:nav内容区标签:section文章区标签:article尾部标签:footer<ASIde></ASIde>辅助信息<hgroup></hgroup>标题组<figure>类似于dldtdd<figcaption></figcaption></figure>mark: 高亮显示d...
2021-07-28 21:25:49 65
原创 2021-07-27 知识总结
一、“双飞翼宽高自适应”1.给第一个 第二个 元素 设置 宽高 左浮动 第三个元素width为100% overflow:hidden <style> html,body{ height: 100%; } .box1 ,.box2{ width: 300px; height: 100%; background-color: chartr..
2021-07-27 19:39:18 53
原创 2021-07-26 知识总结
表单:收集用户信息组成部分:表单域{表单的区域}表单控件{input}提示信息应用:登录注册界面等等控件:单选框;只能选择一个必须用name而且name属性值必须相同{同一组}tapy="radio"复选:可以选择多个tapy=“checkbox”选择文件:tapy="file"下拉菜单<select><option></option>...
2021-07-27 17:42:30 59
原创 2021.7.21
链接伪类选择器:a:link{未访问链接}a:active{鼠标点击时发生的变化}a:hover鼠标悬停时链接的变化鼠标悬停时内容的隐藏与显示a:visitend{以访问的链接}可以用在P标签上p:active{display:block点击显示}样式的覆盖:相同的属性设置在相同的元素上:1.没有优先级执行下面的2.执行优先级高的...
2021-07-26 22:16:19 47
原创 2021-07-23 知识总结
表格:数据表格的创建:<table> <tr> <td>1</td> <td>2</td> </tr></table>属性:宽度 width高度 height边框 border边框颜色 bordercolor背景颜色 bgcolor ...
2021-07-23 19:41:32 51
原创 2021-07-22 知识总结
1。垂直对齐什么是垂直对齐:在垂直方式设置元素的位置应用场景:log垂直居中,下拉菜单垂直居中,控制文本与图片的位置语法:vertical-align属性值:middle/top/text-top/bottom/text-bottom/baselinemiddle【实现垂直居中】/text-top【重要】/text-bottom【文字的最下放】/top【line-height的最上方】/bottom【line-height的最下方】/*bottom如果父级元素设置乐line...
2021-07-22 22:45:15 52
原创 2021-07-19 知识总结
元素类型之间的相互转化:怎么进行元素之间的相互转换:display:inline{行内元素}、block{块级元素}、inline-block{行内块级元素}不能把行内块级元素转化为行内元素什么是元素之间的相互转化:元素类型之间的相互转化:优化用户体验a标签转化为可以设置高度宽度的元素;解决浮动的能解决的一部分问题元素的分类:块级元素:divPuloldldtddh1-h6特点:独自占据一行可以设置宽高可以设置text-align行内元素:...
2021-07-20 21:02:48 56
原创 2021-07-20 知识总结
定位:给定元素实现侧边导航栏以及网页中的广告语法:position:fixed固定定位+边偏移量才能到达想到的位置实现效果:div或者某些元素固定在页面的某个位置position:sticky:粘性定位实现效果:如果前面有元素并且元素有高度那么他会划过元素高度之后再执行固定定位如果前面元素没有或者高度小于top后面的属性值他直接开始固定定位position:absolute :绝对定位实现效果:如果父级元素有点位则根据父级元素进项移动如果父...
2021-07-20 21:01:46 61
原创 2021-07-16 知识总结
一、浮动1.属性:float:left ;左浮动、right:右浮动、none ;没有浮动浮动会脱离网页文档,与其他不浮动的元素发生重叠 但是不会与文字发生重叠,文字会环绕浮动元素显示2.clear:清除浮动none 允许浮动、right 不允许右浮动、left 不允许左浮动、both 不允许有浮动清除浮动只是改变元素的排列方式,该元素还是漂浮着,不占据文档位置。3.盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都..
2021-07-19 08:46:21 50
原创 2021-07-15 知识总结
字体的样式:font-size:16px;字体大小font-family:微软雅黑;选择字体种类font-weight:bold;/bolder:加粗font:lighter;取消加粗font-weight:lighter;100-500不加粗500-900逐渐加粗反而变细font-weight:100;fo...
2021-07-15 20:07:16 58
原创 2021/07/14 知识点总结
<!--一、表单1.表单的作用:收集用户信息2.表单的创建:<formaction=“向何处发送表单数据”><form/><input/>:输入框<inputtapy=“属性”文本框:<inputtype="text">密码框<inputtype="password">提交按钮<inputtyp...
2021-07-15 08:51:28 76
原创 2021-07-13知识总结
1.什么是H5:H5是html的第五代:是一类技术的总称。2.H5能干什么?所有人机交互的界面3.一个项目的组成a.产品经理【根据用户需求,制作需求文案】b.ui设计【页面的切图】c.前端【实现ui设计图的界面,与后端的交互】d.后端【实现相对应的功能:登录】e.测试【测试程序是否出现BUG】4.一个界面的构成html【骨架】+cs是【样式】+js【行为】w3c ECMA5.关于...
2021-07-13 19:52:16 111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人