07 2019 档案
摘要：skew skewx skewy skewX() 倾斜该元素，里面填的是角度，下面↓ 你会看到，随着元素被倾斜，高度居然不变。聪明的你，一定会知道，高度不变，代表了，Y轴被拉伸了。 跟scale 同理，改变的是 轴的刻度。 → scale skew 也就是 skewx 和 skewy 的结合体，但是
阅读全文
摘要：scale() scaleX() scaleY() scaleZ() scale3d() 改变的不是元素的宽高，而是 X 和 Y 轴的刻度 本章有个很冷门的知识点 → scale 和 rotate 一起使用 —————————————————————————————————————— scaleX(
阅读全文
摘要：rotate rotateX rotateY rotateZ rotate3d rotate： 旋转该元素，配合着transform-origin属性，transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以，只不过是根据该元素的中心点旋转，也就是ce
阅读全文
摘要：上面这个两个简单的动画，是用 animation-timing-function: steps(); 这个属性实现的，具体如何实现，看下面： 这上面的图片，也就是我们的素材， 有些人，可能不是很理解 关键帧容器，和 steps 之间的关系，没关系，看下面的图解 下面做钟表 用到的素材，如上所示。 以
阅读全文
摘要：animation 给元素设置动画。 animation呢，得配合@keyframes 使用，具体怎么用呢，先看下面的例子，然后再看参数的设置。 参数： animation animation-name animation-duration animation-timing-function ani
阅读全文
摘要：transition 设置变换属性的过渡效果，举个例子，也就是说， 如果从width100px 变成 width200px，要以什么方式进行变换，速度，时间，类型等。 transition transition-property transition-duration transition-timi
阅读全文
摘要：作为一枚正在学习前端的 小萌新，如果下面哪里有写的不对的话，可以帮我指出来吗，谢谢 1.是基于什么前提的？如果什么前提都没有，不使用任何规范，只考虑语法和理论上的HTTP协议 那么GET和POST几乎没有什么区别，只有名字不一样而已。 2.如果是基于RFC规范的。 (1) 理论上的：GET和POST
阅读全文
摘要：弹性盒子(伸缩盒) 注意，本篇会很长，非常长， 因为弹性盒子的知识点比较多 搜索 弹性盒子的属性 ctrl + F 如果觉得图太小， ctrl + +键 主要的属性有： (主要分两部分讲， 一部分讲 设置在父元素上的属性，一部分讲 设置在子元素上的属性， 还有最后一些简单的应用) flex flex
阅读全文
摘要：box-sizing box-sizing: 俗称ie6 的混杂模式的盒子模型。 首先来了解一下 ie6 的混杂模式，和我们常用的 盒子模型有什么不一样 正常模式下： 我们设置的 width 和 height 就是盒子的 content 区的大小，但是在 ie6 的混杂模式下，设置的 width 和
阅读全文
摘要：text(文本) white-space： word-break word-wrap/overflow-wrap text-align: word-spacing letter-spacing text-indent text-size-adjust Multi-column(多列) columns
阅读全文
摘要：@font-face 这个属性呢，必须设置在 css的根下，也就是说，不能设置在任何元素里面。 @font-face: 参数： font-family: 给这个文字库 起个名字。 src: url() format() 浏览器呢，是不具备解析 这种格式的文件的， 所以要调用 自身的系统来帮忙解析。
阅读全文
摘要：text-shadow 其实这东西，跟 box-shadow 差不多，没啥好说的不懂的话，点这里→ css3系列之详解box-shadow 。 它只有 四个参数 x(第一个值设置x位置) y(第二个值设置y位置) blur(第三个值，设置阴影模糊程度) color(第四个值，设置阴影颜色) 它跟 b
阅读全文
css3系列之linear-gradient() repeating-linear-gradient() 和 radial-gradient() repeating-radial-gradient()
摘要：linear-gradient() (线性渐变) repeating-linear-gradient() (重复的线性渐变) radial-gradient() (镜像渐变) repeating-radial-gradient() (重复的镜像渐变) 设置渐变色。 这四个属性， 都可以作为背景图片的
阅读全文
摘要：background background 的几个属性回顾一下，而且还有css3 的几个属性。 background-color background-image background-repeat background-position background-attachment backgrou
阅读全文
摘要：border-image border-image呢，是给 边框加上背景图片的。没错，就是平常那一小小条的边框，也能加图片。 参数： border-image-source border-image-slice border-image-width border-image-outset borde
阅读全文
摘要：box-shadow box-shadow呢 是设置元素的阴影效果的，利用这个属性，可以设计很多很炫丽的效果，不信？ 等下，学完，我们就来完成下面这两个效果 首先 先了解一下，box-shadow 的一些参数： box-shadow: inset 10px 10px 30px 0px #fff; 第
阅读全文
摘要：border-radius border-radius 几种写法: 1.border-radius: 50%; 以正方形为例子， 这样写就是设置 4个角 为50%。 2.border-radius: 50% 50%; 这样是设置， 左上角 和 右下角 为50%。 右上角 和 左下角为50% 3.bo
阅读全文
摘要：Pseudo-Classes Selectors(伪类选择器) E:not(s) E:root E:target E:first-child E:last-child E:only-child E:nth-child(n) E:nth-last-child(n) 这上面一行的选择器，都会考虑其他元素
阅读全文
摘要：Pseudo-Element Selectors(伪元素选择器) E::placeholder E::selection E::placeholder 这个选择器是选啥的呢， 是选 input 里面的 文字，那个提示你 请输入什么那个文字的请看下面： 但是这个选择器吧，兼容的特别差， 这个兼容情况，
阅读全文
摘要：Attribute Selectors(属性选择器) E[attr ~="val"] E[attr |="val"] E[attr ^="val"] E[attr $="val"] E[attr *="val"] E[attr ~="val"] 我们平常用的属性选择器是 E[data="a"],我们
阅读全文
摘要：Relationship Selectors(兄弟选择器) E + F E ~ F E + F 其实这个选择器用起来，没那么常见。 什么意思呢， 下一个满足条件的兄弟元素节点。 也就是说 可以选择下一个兄弟元素节点，但是呢，必须是满足条件的，条件就是 + 后面的 div + .box 意思就是 我要
阅读全文
摘要：预处理器： 使用别人的语法规则，来完成你想做的事情，做起事情来，会更轻松，更简单。 后处理器： 原来你怎么写就怎么写，不用考虑兼容性的问题等， 等你写完后， 会再帮你补齐你 做的不好的地方。 postCss： 有人说他是后处理器，其实不是，他需要配合插件来完成的，他相当于，我帮你建了一栋楼的骨架，
阅读全文
摘要：由于浏览器的同源策略(不了解同源策略请点这里→ 网络系列之 jsonp 百度联想词),导致了不同 协议 域名 端口 的网页之间不能传数据。下面的几种方法，就是为此而生。 1.jsonp 2.服务器代理 3.iframe 3.1 window.name(父窗口拿子窗口数据) 3.2 location.
阅读全文
摘要：什么是cookie 呢？简单来说，这个小东西，会记录你的 浏览器 浏览习惯，或 账号密码等， 以便于提高用户的体验感。 举个例子： 你们有没有发现，去淘宝一些购物网站， 你搜索了 椅子， 挑选了一会椅子，然后把页面关了， 等下再打开淘宝的时候， 淘宝会自动帮你推荐一些椅子 出来。这就是淘宝这个网页，
阅读全文
摘要：jsonp 可以跨域，ajax 不可以，ajax 会受到浏览器的同源策略影响，何为同源策略？ 同源策略就是，如果 A 网站 想拿 B网站里的资源， 那么 有三个条件， 你得满足才能拿。 第一个：域名相同。 (www.baidu.com) 第二个：协议相同。 ( http https ) 第三个：端口
阅读全文
浙公网安备 33010602011771号