摘要: 一、常见方法 1.通过id获取:(一个元素) 2.通过class获取:(一组元素) 3.根据标签名:(可能是一个元素也可能是一组元素) 二、其他方法 1.通过name属性获取:(注意:只有含有name属性的元素(表单元素)才可以) 2.通过querySelector获取: querySelector 阅读全文
posted @ 2021-12-26 14:43 小猪拌豆腐 阅读(2866) 评论(0) 推荐(0) 编辑
摘要: 一、transform-origin属性介绍 transform-origin属性表示在对元素进行变换的时候,设置围绕哪个点进行变化的。默认情况,变换的原点在元素的中心点,即是元素X轴和Y轴的50%处,如下图所示: 我们没有使用transform-origin改变元素原点位置的情况下,CSS变换进行 阅读全文
posted @ 2021-11-21 23:53 小猪拌豆腐 阅读(5776) 评论(0) 推荐(2) 编辑
摘要: 一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline- 阅读全文
posted @ 2021-11-21 23:15 小猪拌豆腐 阅读(56) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>p</title> <style> *, *:after, *:before { box-sizing: border-box; } body { backgrou 阅读全文
posted @ 2021-11-14 21:57 小猪拌豆腐 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 一、父级盒子加overflow:hidden,防止子代盒子移动时带着父级一起动。当div2(小)在div1(大)中:<div id="div1"> <div id="div2"></div> <span>njksabckjs</span></div>两个盒子的样式如下: #div1{ width: 阅读全文
posted @ 2021-11-13 14:25 小猪拌豆腐 阅读(203) 评论(0) 推荐(0) 编辑