JackieDYH

2020年3月17日

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> textarea,input { outline:none; resize: none; overflow: au 阅读全文

posted @ 2020-03-17 20:49 JackieDYH 阅读(2) 评论(0) 推荐(0) 编辑

css实现九宫格效果

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-17 19:49 JackieDYH 阅读(7) 评论(0) 推荐(0) 编辑

2020年3月16日

css实现正方体旋转效果

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-16 09:26 JackieDYH 阅读(6) 评论(0) 推荐(0) 编辑

css实现百叶窗效果

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-03-16 09:20 JackieDYH 阅读(15) 评论(0) 推荐(0) 编辑

2020年3月14日

弹性盒子flex实现骰子效果

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>骰子</title> <style> * { margin:0; padding:0; /*怪异盒子模型*/ /*标准盒子模型: 元素实际在网页中占据的宽度: 阅读全文

posted @ 2020-03-14 21:18 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑

2020年3月10日

meta标签元素

摘要：虚拟窗口 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta http-equiv="X-UA-Com 阅读全文

posted @ 2020-03-10 19:38 JackieDYH 阅读(2) 评论(0) 推荐(0) 编辑

2020年3月8日

前端常用属性知识点--文档

摘要：清除浮动带来的影响--.clearfix .clearfix{ *zoom:1; } .clearfix::after{ content: ""; display: block; clear:both; visibility: hidden; height: 0; 文本换行 white-space: 阅读全文

posted @ 2020-03-08 22:09 JackieDYH 阅读(3) 评论(0) 推荐(0) 编辑

2020年3月5日

normalize.css--样式重置文件

摘要：保护有用的浏览器默认样式而不是完全去掉它们一般化的样式：为大部分HTML元素提供修复浏览器自身的bug并保证各浏览器的一致性优化CSS可用性：用一些小技巧解释代码：用注释和详细的文档来 /*! normalize.css v8.0.1 | MIT License | github.com/n 阅读全文

posted @ 2020-03-05 12:48 JackieDYH 阅读(3) 评论(0) 推荐(0) 编辑

2020年3月4日

calc方法三栏布局思路--小技巧

摘要： calc()函数：动态计算长度值的函数，css3新增语法：calc(数学表达式) 支持+、-、*、/运算，先算括号里面的注意：运算符前后添加空格兼容性IE9+ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title 阅读全文

posted @ 2020-03-04 13:19 JackieDYH 阅读(1) 评论(0) 推荐(0) 编辑

2020年3月3日

css2D-3D实现的效果--小技巧

摘要： 2D变形： 1）平移 transform: translate(x,y); 元素从当前位置移动到给定的x轴和y轴的坐标位置 transform: translateX(x); 沿着x轴的方向移动 transform: translateY(y); 沿着y轴的方向移动注意：水平向右值为正，垂直向下值阅读全文

posted @ 2020-03-03 17:11 JackieDYH 阅读(6) 评论(0) 推荐(0) 编辑

公告