摘要: 为什么会使用浮动? 一开始出现浮动只是为了解决文字环绕图片问题,但最后是为了解决几个块级元素并排显示问题,虽然可以使用定义块级元素的display为inline-block(这种方式也不会出现父级元素坍塌问题)但是这种方式不能控制元素的位置而是默认从左到右,所以要实现元素是居左还是居右使用浮动更方便 阅读全文
posted @ 2022-09-22 17:06 Lamb~ 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 简介 CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的时间和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器 阅读全文
posted @ 2022-09-22 11:46 Lamb~ 阅读(704) 评论(0) 推荐(0) 编辑
摘要: 简介 CSS animations 使得可以将从一个 CSS 样式配置转换到另一个 CSS 样式配置。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。可通过多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。相比较过渡,动画可以实现更多变化,更多控制,连续 阅读全文
posted @ 2022-09-22 10:47 Lamb~ 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 简介 CSS transform 属性允许你旋转,缩放,倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的。 转换( transform) 你可以简单理解为变形。只能转换由盒模型定位的元素(display: block;)。 移动:translate 旋转:rotate 缩放 阅读全文
posted @ 2022-09-21 11:40 Lamb~ 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 简介 transition CSS 属性是 transition-property,transition-duration,transition-timing-function 和 transition-delay 的一个简写属性。 transition:[transition-property t 阅读全文
posted @ 2022-09-21 10:48 Lamb~ 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 简介 CSS 网格布局擅长于将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系(前提是 HTML 生成了这些区域)。是目前唯一的一种css二维布局。 像表格一样,网格布局让我们能够按行或列来对齐元素。然而在布局上,网格比表格更可能做到或更简单。例如,网格容器的子元素可以自己定位, 阅读全文
posted @ 2022-09-21 09:33 Lamb~ 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 简介 就是用 CSS 的 column-count、column-width、column-gap、break-inside、page-break-inside 等实现多列显示的功能。 实现多列布局的常用属性 column-count: 设置列的个数 column-width: 列的宽度 colum 阅读全文
posted @ 2022-09-20 20:48 Lamb~ 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 简介 Flexible Box 模型,通常被称为 flexbox弹性盒子布局,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。 我们说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素布局,一行或者一列。作为对比的是另 阅读全文
posted @ 2022-09-20 20:29 Lamb~ 阅读(460) 评论(0) 推荐(0) 编辑
摘要: CSS 选择器 CSS 选择器用于"查找"(或选取)要设置样式的 HTML 元素。 我们可以将 CSS 选择器分为五类: 基本选择器(根据名称、id、类来选取元素) 组合器选择器(根据它们之间的特定关系来选取元素) 伪类选择器(根据特定状态选取元素) 伪元素选择器(选取元素的一部分并设置其样式) 属 阅读全文
posted @ 2022-09-20 16:36 Lamb~ 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 创建一个表格 表格由 <table> 标签来定义。 每个表格均有若干行(由 <tr> 标签定义)。 每行被分割为若干单元格(由 <td> 标签定义) 字母 th 指表头数据 字母 td 指表格数据(table data),即数据单元格的内容 表格的表头使用 <th> 标签进行定义 大多数浏览器会把表 阅读全文
posted @ 2022-09-20 16:08 Lamb~ 阅读(765) 评论(0) 推荐(0) 编辑