web
壁虎回家
这个作者很懒,什么都没留下…
展开
-
媒体查询使用
可以同时适应pc端、ipad端和手机移动端 /* pc端 */ @media screen and (min-width: 992px){ .box{ background-color: red; } } /* ipad */ @media screen and (max-width: 992px) and (min-width: 768px){ .box{ background-color: green; } } /* 移动端 .原创 2020-10-21 14:49:18 · 81 阅读 · 0 评论 -
前端面试(面试碰到的)一
1.移动端响应式布局移动端响应式布局参考rem 百分比% 利用UI框架实现响应式布局flexible.js媒体查询2.绝对定位、相对定位和固定定位position : absolute / relative / fixed没有滚动条的情况下没有差异 在滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动3.垂直和居中对齐text-align;centerline-height:200pxdisplay;...原创 2020-10-19 15:19:44 · 135 阅读 · 0 评论 -
css3新增的特性总结
1.新的选择器属性选择器[title] [class="demo"]结构伪类选择器nth-child(n)伪类选择器::before::after 2.转换transform2dtranslate(x,y)rotate(45deg )scale(x,y)3dtranslate3d(x,y,z)rotateX(x)rotateY(y)rotateZ(z)3.动画animation重点记住我们动画的简写属性4.游览器的私有前缀私有前缀是.原创 2020-10-15 21:39:19 · 156 阅读 · 0 评论 -
Css3新特性(3D转换)
3D移动 translate3d1.3D移动在2D移动的基础上多加了一个可以移动的方向,就是z轴方向transform: translate (100px):仅仅是在x轴上移动transform:translate(100px):仅仅是在y轴上面移动 transform: translate (100px) : 仅仅是在z轴上移动(注意:translateZ一般用在px单位) transform:translate3d(x,y,z):其中x,y,z分别指要移动的轴的方向的距离2.透视 pe..原创 2020-10-14 17:12:28 · 193 阅读 · 0 评论 -
css3的一些新特性2(2D)
一、2D旋转1.transfrom:translate 平移transformtransform:translate(100px,0)transform:translateX(100px)transform:translateY(100px)1.定义2D转换中的移动,沿着x和y轴移动元素2.translate的最大优点:不会影响到其他元素的位置3.translate中的百分比单位是相对于自身的元素的translate:(50%,50%)4.对行内元素没有效果2.transfo..原创 2020-10-13 15:35:44 · 98 阅读 · 0 评论 -
Css3一些新特性3(动画)
1.动画的基本使用制作动画分两步:1.先定义动画2.在使用(调用)动画1.keyframes 定义动画(类似定义类选择器)@keyframes 动画名称{ 0%{ width:100px; } 100%{ width:200px; }}@keyframes 动画名称{ from{ transfrom:translate(0,0); } to{ transfrom.原创 2020-10-13 15:34:52 · 67 阅读 · 0 评论 -
Html5的一些新特性
概括Html5新增了哪些新特性?语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及特效特性、性能与集成特性、css3特性。原创 2020-09-27 21:49:45 · 99 阅读 · 0 评论 -
ES6一些新特性
新的声明方式let 局部声明(只在区块内起作用,防止数据被污染)const 常量声明 变量始终不变 (一旦声明就不会在业务层改变) 2. 变量的结构赋值let [a,b,c] = [1,2,3];let [a,[b,c],d]=[1,[2,3],4];let [a,b="1eee"]=['rrrrr'] //可以有默认值let {a,b} = {a:'eee',b:'tttt'}; 3.rest运算符 (...)4. 字符操作...原创 2020-09-26 20:16:10 · 119 阅读 · 0 评论