qq_30486009的博客

1.前言CSS3中引入的布局模式Flexbox布局，主要是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（适配所有类型的现实设备和屏幕大小）。 Flexbox布局功能主要有以下几点：屏幕和浏览器窗口大小改变时可以灵活调整布局 指定伸缩项目沿着主轴或侧轴按比例分配额外空间（伸缩容器额外空间），来调整项目大小。（注意，额外空间的概念要理清楚！） 指定伸缩项目沿着

为改变hover动画效果，可以为hover添加transition 增加过度效果1、第一种写法（事件前有动画效果）：style> body{ padding: 100px} .demo{ width: 100px; height: 100px; background-color: blu

在app开发过程中，通常设计图以640px1008px设计，以适应最小屏幕宽度ipone4 320px480px为基准，其他尺寸做自适应效果； 为了减少http对图片的请求次数； 通常将icon图标整合到一张png图片中，以背景定位的方式，显示图标； 将640设计稿图标缩小一半（320px），解决方案 .icons{ display: inline-block;

大幅度发

一、伪元素和伪类的区别在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，即 :before为伪元素 ； ::before为伪类；关于语法和浏览器支持 伪元素实际上在CSS1中就存在了，但是我们现在所讨论的:before和:after则发布于CSS2.1中。在最初，伪元素的语法是使用“:”（一个冒号），随着web的发展，在CSS3中修订后的伪元素使用“::”（两个冒号），也就是::