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