CSS
文章平均质量分 77
鹿蹊zz
这个人很懒,什么都没有留下~~~
展开
-
css媒体查询响应布局
一、媒体查询 移动设备的快速普及完全颠覆了Web设计领域。 用户不再仅在传统桌面系统上查看Web内容,他们越来越多地使用具有各种尺寸的智能电话、平板电脑和其他设备。 Web设计人员的挑战是确保他们的网站不仅在大屏幕上看起来不错,在小型的电话以及介于它们之间的各种设备上看起来也不错。(说白了就是不同大小显示器web适配问题。CSS2中也有媒体查询,CSS3在此基础更加丰满)二、媒体查询的定义 媒体查询是向不同设备提供不同样式的一种方式,它为每种类型的用户提供了最佳的体验.........原创 2022-05-20 19:55:58 · 142 阅读 · 0 评论 -
弹性布局(二)
一、轴说明水平排列下面是使用 flex-flow: row wrap 的主轴与交叉轴说明。下面是使用 flex-flow: row-reverse wrap-reverse 的主轴与交叉轴说明。垂直排列下面是使用 flex-flow: column wrap 的主轴与交叉轴说明。二、justify-content用于控制元素在主轴上的排列方式,再次强调是主轴的排列方式。选项 说明 flex-start 元素紧靠主轴起点 flex-end.原创 2022-06-10 20:11:48 · 973 阅读 · 1 评论 -
弹性布局(一)
一、声明定义容器盒子里面包含着容器元素,使用 display:flex 或 display:inline-flex 声明为弹性盒子。1 声明块级弹性盒子display:flex <style> * { padding: 0; margin: 0; } article { height: 150px; margin-left...原创 2022-05-28 12:00:00 · 142 阅读 · 1 评论 -
transform-origin属性详解
transform-origin用于设置动画的基点(中心点) , 适用于所有块级元素及某些内联元素。 必须配合transform使用 默认情况下,元素的动作参考点为元素盒子的中心 可以设置九个位置的值:水平方向: left center right 0 50% 100% ......原创 2022-05-27 16:49:15 · 38792 阅读 · 6 评论