css
文章平均质量分 89
css入门到精通
王大眼睛�
这个作者很懒,什么都没留下…
展开
-
css渐变和动画
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) 定义 3D转换,使用 16 个值的 4x4 矩阵。transform:3D 变形可以近似理解为沿着 Z 轴移动元素,使得元素更加靠近或者远离你,从而使元素看起来变得更大或更小。scaleZ(z) 通过设置 Z 轴的值来定义 3D 缩放转换。rotate3d(x,y,z,angle) 定义 3D 旋转。scaleX(x) 通过设置 X 轴的值来定义缩放转换。scale3d(x,y,z) 定义 3D 缩放转换。原创 2023-10-17 17:22:07 · 39 阅读 · 0 评论 -
css布局
Flex 全称 Flexible box 布局模型,通常称为 flexbox 或 flex,也称为弹性盒子或弹性布局。一种比较高效率的css3 布局方案。事实上它是一种新类型的盒子模型,也有书上称作弹性伸缩盒布局。旨在提供一个更加有效的方式来布置,对齐和分布在容器之间的各项内容,即使它们的大小是未知或者动态变化的。弹性布局的主要思想是让容器有能力来改变项目的宽度和高度,以填满可用空间 (主要是为了容纳所有类型的显示设备和屏幕尺寸)的能力。应用恰当的弹性布局对用户十分友好。原创 2023-07-21 19:24:34 · 49 阅读 · 1 评论 -
css浮动
元素浮动之后,会让它跳出文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它身下布局。方法三:使用::after 伪元素 给盒子添加最后一个子元素,并给 ::after设置 {content:“”;clear:both;BFC规范(Box-Formatting Context 块级格式化上下文)是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然。垂直显示的盒子,不要设置浮动、只有并排显示的盒子才要设置浮动。浮动使用的要点:要浮动,并排的盒子都实现浮动。原创 2023-07-17 17:56:52 · 60 阅读 · 1 评论 -
css字体样式
竖直方向的margin有塌陷的现象:小的margin会塌陷到大的margin中,从而margin不叠加,只以大值为准。文本转换属性是用来指定在一个文本中的大写和小写字母。CSS 盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:边距,边框,填充,和实际内容。Padding(内边距) - 清除内容周围的区域。Border(边框) -边框周围的填充和内容。边框是受到盒子的背景颜色影响。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Content(内容) - 盒子的内容,显示文本和图像。原创 2023-07-14 18:08:32 · 164 阅读 · 1 评论 -
CSS入门
CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中多个样式定义可层叠为一个。原创 2023-07-13 17:44:53 · 116 阅读 · 1 评论