- 博客(18)
- 收藏
- 关注
RSS订阅原创 Javascript的事件机制
第2种：在JavaScript文件中，利用元素节点的onxxx设置匿名函数为元素绑定事件。JS：语法格式：元素节点.dataset.自定义属性名（获取当前对象的自定义属性取值）nextElementSibling:返回元素节点下面的同级元素节点。firstElementChild:返回元素节点中的第一个元素节点。lastElementChild:返回元素节点中的最后一个元素节点。parentElement:返回元素节点的父元素节点。children:返回元素节点中所有的子元素节点。
2023-10-12 20:20:40
92
原创 Javascript—模块化程序设计
1、函数的三要素：函数名、参数(形参|实参)、返回值。注意：函数有多个参数或没有参数，参数的括号都必须书写。一、Javascript脚本语言中，模块就是函数。输出指定人名的欢迎语，例如“欢迎你，Tom！、若函数的参数只有一个，则参数的括号可以省略。注：调用函数时，必须将实参按位置传递给形参。语句，且返回值为对象，则必须将整个对象用。例如：通过函数计算任意两个数的和。计算两个数的加、减、乘、除结果。、若函数体只有一句，且该句是。、若函数体只有一句，且该句是。计算任意数据的平均数。、若函数体只有一句，则。
2023-10-10 18:14:10
71
1
原创 7.19关键帧动画
normal（默认值）从第一帧执行到最后一帧；alternate，往复执行，第一帧到最后一帧再从最后一帧到第一帧，往复执行；5、animation-iteration-count：指定关键帧动画重复执行的次数，3、animation-timing-function：指定关键帧动画的缓动效果；4、animation-delay：指定关键帧动画的延迟时长，单位s/ms；7、animation-fill-mode：指定关键帧动画起点和终点的模式，6、animation-direction：关键帧动画的执行方向，
2023-07-19 20:55:18
34
原创 CSS动画
取值：pointx/pointy取值为元素上的相对坐标，（0，0）左上角；sy<0发生垂直翻转，sy的绝对值是在垂直方向上的缩放比例。rotate(deg),设置元素发生旋转，deg设置旋转的角度，单位为deg(角度)；translate(dx,dy),设置元素在水平方向、垂直方向上同时发生位置的移动。负值：sx<0,发生水平翻转，sx的绝对值是在水平方向上的缩放比例；scale(sx,sy),设置元素在水平方向、垂直方向同时发生缩放/翻转；当省略参数dy时，则只在水平方向上发生移动，dy默认为0。
2023-07-18 21:00:01
35
原创 7.15知识点:移动端开发
2、在css文件中，img标记对的宽度盒高度都需要进行设置，为100%，即图片的宽高。4、移动端的底部导航应设置固定定位，使其一直显示在视口高度范围内，3、移动端首页顶部的搜索框不是文本框，触碰该栏会跳转至新页面；flex-wrap:设置弹性容器中的弹性项目在弹性宽度无法满足时是否换行；1、width=device-width将页面宽度设置为与设备宽度同宽；移动端的距离：效果图的值（px）÷750px ×100vw;移动端效果图大多采用750px为效果图的宽度。取值：no-wrap：（默认值）不换行；
2023-07-15 20:28:35
32
原创 7.14复习知识
flex-end在主轴的终点对齐；justify-content：flex-start(默认值)在主轴的起点对齐；center：主轴的中心对齐；align-items:flex-start在叫交叉轴的起点对齐；center：叫交叉轴的中心对齐；flex-end:交叉轴的终点对齐；column-reverse:主轴方向为垂直方向，底部为起点；row-reverse主轴方向为水平方向右侧为起点；row(默认值)主轴方向为水平方向左侧为起点；column：主轴方向为垂直方向，上端为起点；
2023-07-14 17:25:30
23
原创 利用css制作三角形7.12
原理：容器div两个邻边的边框颜色变透明；让产生三角形的div宽高均设置为0；三角形的底边长：2倍的边框粗细等于三角形的底边长。三角形的高：容器边框的边框粗细设置三角形的高度；三角形的颜色：容器的边框颜色设置三角形的颜色；例：向右指向的三角形。
2023-07-12 20:44:50
33
原创 弹性盒布局7.11
space-between:弹性项目在弹性容器内部平均分布，弹性容器的两边与弹性项目之间 没有间隔。（弹性项目永远在主轴方向上排列，弹性项目的总宽度大于弹性项目宽度，不会发生改变，会根据具体的宽度比例分布弹性容器的宽度指。（2）弹性容器中有height时，弹性项目的高度会拉伸的与具有height的弹性项目同高。（1）弹性项目中没有height值时，弹性项目的高度会拉伸的与弹性容器同高。交叉轴：交叉轴正交于主轴，垂直轴。
2023-07-11 11:19:12
39
原创 滑动门制作7.8日
取值：none鼠标不能选中文本 auto(默认值)如果浏览器允许，则文本可以被选中。触发机制书写在HTML标记对内部：例：<div onmouseover="鼠标经过时的变化"></div>text鼠标能够选中文本。4、CSS属性值用引号引注，若外面使用了双引号，则内部使用单引号。user-select：设置鼠标是否能够选中页面中的文本。1、为需要设置CSS属性样式的元素设置Id属性的取值；point-events：设置鼠标是否能够响应事件。cursor鼠标属性：设置鼠标在某个元素上的外观。
2023-07-08 20:29:38
29
原创 7.7日知识点
inline-block:将元素转换为内联块级元素（既能设置宽高，也能在一行显示十多个）5、display属性：block将元素转为块级元素。inline将元素转换为内联元素。scroll强制显示滚动条。作用在什么元素上，哪个元素将呈现手形鼠标。流式定位：（即代码中的元素按照书写顺序从左向右、从上向下的渲染）非流式定位：即元素脱离流式定位，在页面的任意位置都有渲染的可能。取值：static(默认值)，表示元素在流式定位模式下渲染。7、overflow：取值：visible（默认值）元素溢出的部分仍可见。
2023-07-07 20:22:27
27
原创 7.6号问题与解决
京公网安备11010602060043号属性1:method指定表单的提交方式＝get默认值/post。京ICP备05014028号-2
2023-07-06 20:44:21
24
原创 制作最强大脑web网页 7.5
1、压缩包解压缩：字体文件分别为iconfont.fff、iconfont.woff、iconfont.woff2。温习：background-position：正值背景图片向右移动，负值北京图片想左移动。精灵图的大小比多张图片的总和小。css文件：iconfont.css，对文字进行css规则说明的CSS文件。布局中的居中效果：text-align：center（文本在容器中水平居中）4、打开iconfont.css文件，修正字体文件的路径。2、将字体文件复制粘贴至项目的fonts文件夹下。
2023-07-05 20:59:31
52
原创 温习7.4
background-repeat：no-repeat（背景图片在容器内不平铺）text-overflow:ellipsis;(文本溢出是显示省略符)font-variant：small-caps（小型大写字母）padding(盒子的内容与盒子边框之间的距离)font-weight:bold;display：block（转换为块级元素）text-indent缩进。
2023-07-04 22:53:04
33
原创 制作北京冬奥官网 7.2
3、HTML中的class类名最好要有根据，能够更好的观察设置CSS属性（认识了解更多的 单词）。text-indent 设置文本的首行缩进（取数值）float取值：left左悬浮 right右悬浮。2、熟记css属性能够更快的完成制作任务。心得：1、设置页面第二个通栏时不需设为100%。pagination分页。carousel轮播图。current当前的。
2023-07-02 20:31:32
47
原创 CSS盒属性
box原尺寸为200px*150px，由于添加了padding，所以四个方向均添加了20px的填充大小。条件：1、 将一个块级元素设置为左浮动，它会带动它下面的块级元素，将这个下面的块级元素拉扯到与本元素同行的位置。3、被拉扯上去的块级元素若不希望与其他块级元素在同一行，如何解决：将被拉扯上去的块级元素设置清除浮动。1、边框粗细：border-top-width设置顶部边框粗细；例：margin：5px 10px 15px 20px;上边界5px ,右边界10px，下边界15px，左边界20px。
2023-07-01 17:39:12
98
原创 背景类CSS属性 和 列表类CSS属性
background-image:url(../images/扩展名.png)}background-image:url(../images/扩展名.png);background-image:url(../images/扩展名.png);repeat背景图片在容器内垂直平铺。例：{background-image：url(../images.xxx.jpg)}b.图标一：30×30 图标二：50×50 图标三：100×100。取值：repeat（默认值）背景图片在容器内平铺。
2023-06-29 19:55:04
50
原创 文本类css属性
vertical-align设置内联元素的垂直对齐方式。取值：top bottom baseline(默认值)内联元素的底部与周围元素的基线对齐（四线三格的第三条线）。letter-spacing设置字母/汉字间距 word-spacing设置单词（中文以空格为单词边界）text-align设置内联元素相对于父元素水平方向的对齐方式。text-indent设置文本的首行缩进。white-space对人为输入的空格和换行进行设定，同时对文本遇到容器边界的问题进行解决。
2023-06-28 19:17:06
35
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人