Fork me on GitHub

11 2021 档案

摘要:offset 先来看一下offset的属性: element.offsetParent 返回该元素带有定位的父级元素,父级元素没有定位则返回body element.offsetTop 返回元素相对带有定位父元素上方的偏移 element.offsetLeft 返回元素相对带有定位父元素左方的偏移 阅读全文
posted @ 2021-11-30 20:48 十点差三分yn 阅读(180) 评论(0) 推荐(0)
摘要:一、历史 在ES6(ES2015)出现之前,JavaScript中声明变量就只有通过 var 关键字,函数声明是通过 function 关键字,而在ES6之后,声明的方式有 var 、 let 、 const 、 function 、 class 。 二、var 如果使用关键字 var 声明一个变量 阅读全文
posted @ 2021-11-27 21:32 十点差三分yn 阅读(91) 评论(0) 推荐(0)
摘要:1.关键字 CSS颜色关键字包括命名颜色、transparent、currentColor属性值 CSS支持17种合法命名颜色(标准颜色):aqua fuchsia lime olive red white black gray maroon orange silver yellow blue gr 阅读全文
posted @ 2021-11-21 21:28 十点差三分yn 阅读(992) 评论(0) 推荐(0)
摘要:鼠标样式 cursor语法 系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小图片样式,当然这个是通过css cursor设置鼠标样式。 值 效果 url 需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可 阅读全文
posted @ 2021-11-20 20:09 十点差三分yn 阅读(51) 评论(0) 推荐(0)
摘要:Flex : flex采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。他有六个属性 flex-direction: row(默认值):主轴为水平方向,起点在左端。 阅读全文
posted @ 2021-11-14 19:11 十点差三分yn 阅读(82) 评论(0) 推荐(0)
摘要:css3 2D转换 2D转换的效果是让某个元素改变形状,大小和位置。需要用到transform属性。 1.translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。translate(X轴,Y轴) translateX(n) translateY(n) 2.rota 阅读全文
posted @ 2021-11-13 22:42 十点差三分yn 阅读(125) 评论(0) 推荐(0)
摘要:1.margin就是一个元素周围以外的距离,margin不能设置颜色,可以单独设置上下左右的距离。它的值可以是固定的(px...),也可以是百分比(%),还可以自适应(auto)。margin的值的写法有如下几种: margin:上 右 下 左;margin:上 左右 下;margin:上下 左右; 阅读全文
posted @ 2021-11-09 19:55 十点差三分yn 阅读(314) 评论(0) 推荐(0)
摘要:position 属性规定应用于元素的定位方法的类型(static、relative、fixed、absolute )。 HTML 元素默认情况下的定位方式为 static(静态)。静态定位的元素不受 top、bottom、left 和 right 属性的影响。position: static; 的 阅读全文
posted @ 2021-11-07 16:08 十点差三分yn 阅读(88) 评论(0) 推荐(0)

1