棉花糖88

2021年2月4日

摘要：二常见的父项属性设置主轴的方向 flex-direction: row;row //1 从左到右 [ 默认值 ] row-reverse //2 从右到左 column //3 从上到下 column-reverse //4 从下到上 reverse 单词: 颠倒相反的意思要点给父盒子添加阅读全文

posted @ 2021-02-04 10:57 棉花糖88 阅读(134) 评论(0) 推荐(0) 编辑

1 流式布局 [ 百分比布局 ]

摘要：这个比较重要京东的图片格式是 .dpg后缀的是京东自己出的一种有损压缩技术体积减少50% 并且支持各种浏览器加了固定定位的盒子一定要给高度图片设置为100%宽度盒子有多宽图片就多宽 ctrl + g 快速跳转行号编辑器快捷键去除图片底部的空白缝隙 img { vertical-a 阅读全文

posted @ 2021-02-04 09:07 棉花糖88 阅读(71) 评论(0) 推荐(0) 编辑

2021年2月3日

2 移动端开发选择

摘要：移动端的特殊样式 /*去除a连接点击时后侧的高亮背景*/ a { -webkit-tap-highlight-color: transparent; } /*添加这个属性 iOS上输入框和按钮才可以书写自定义样式*/ input { -webkit-appearance: none; } /*禁阅读全文

posted @ 2021-02-03 14:36 棉花糖88 阅读(37) 评论(0) 推荐(0) 编辑

1 视口

摘要：视口标签 <meta name="viewport"//视口 content=" width=device-width,//设备宽度 user-scalable=no, //是够可以缩放 0或1 yes或no initial-scale=1.0,//初始缩放比 maximum-scale=1.0,/ 阅读全文

posted @ 2021-02-03 11:20 棉花糖88 阅读(62) 评论(0) 推荐(0) 编辑

1 移动端布局基础：流式布局

摘要：一移动端基础二视口阅读全文

posted @ 2021-02-03 09:38 棉花糖88 阅读(53) 评论(0) 推荐(0) 编辑

浏览器私有前缀

摘要：先写私有前缀再写通用写法阅读全文

posted @ 2021-02-03 08:58 棉花糖88 阅读(46) 评论(0) 推荐(0) 编辑

小demo 旋转木马

摘要：小demo 旋转木马 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>翻转导航</title> <style> body { /*添加透视*/ perspective: 1000px; } /*最外面的盒子* 阅读全文

posted @ 2021-02-03 08:45 棉花糖88 阅读(84) 评论(0) 推荐(0) 编辑

2021年2月2日

3d 小demo

摘要： demo1 两面翻转的盒子 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>rotate</title> <style> body { perspective: 500px; } .box { positio 阅读全文

posted @ 2021-02-02 21:30 棉花糖88 阅读(55) 评论(0) 推荐(0) 编辑

4：3D装换

摘要： z轴单位一般不用百分比直接用精确的单位一透视 per spect ive perspective: 500px; [值是视距就是上图中的 d距离 ] body { perspective: 500px;//透视的值是: 视距px } div { width: 200px; height: 阅读全文

posted @ 2021-02-02 20:40 棉花糖88 阅读(46) 评论(0) 推荐(0) 编辑

2021年2月1日

4：动画的使用

摘要：基础语法 <style> /*第一步：定义动画*/ @keyframes move { //开始状态 0% { transform: translateX(0px); } //结束状态 100% { transform: translateX(500px); } } div { width: 300 阅读全文

posted @ 2021-02-01 21:02 棉花糖88 阅读(89) 评论(0) 推荐(0) 编辑

公告