CSS - 随笔分类 - QiKS

CSS模块剧中方法

摘要：display：flex响应式剧中（一般登录、注册页面剧中） .register { display: flex; /*需要单性布局 */ height: 100%; flex-direction: column; background-color: #e0e4e8; align-items: ce 阅读全文

posted @ 2022-06-12 22:34 QiKS 阅读(60) 评论(0) 推荐(0)

CSS常用选择器

摘要：p:nth-child(n) 指定选择的元素选择第二个元素 p:nth-child(2) 选择所有元素 p:nth-child(n) 选择包括第二个在内的所有元素 /* 表示.headcontent > .userSetting-item headcontent的所有子元素.userSetting 阅读全文

posted @ 2022-06-01 00:38 QiKS 阅读(54) 评论(0) 推荐(0)

清除浮动

摘要：浮动清除原因在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置了浮动之后，子元素会完全脱离正常文档流，此时会导致子元素无法撑开父元素的高度，从而导致父元素高度塌陷清除效果清除方法 <!DOCTYPE html> <html> <head lang 阅读全文

posted @ 2022-04-04 15:08 QiKS 阅读(35) 评论(0) 推荐(0)

四、transform（动画效果、模块元素缩放）

摘要：①动画效果（左右移动） ②transform: scale(1.1, 1.1)（对模块元素缩放进行缩放）阅读全文

posted @ 2022-02-23 12:26 QiKS 阅读(260) 评论(0) 推荐(0)

三、弹性布局（dispaly:flex）

摘要：第一种用法排版最大模块div 小模块div 效果阅读全文

posted @ 2022-02-23 10:52 QiKS 阅读(52) 评论(0) 推荐(0)

二、浮动float（响应式布局）

摘要：一、浮动float 特点：会随着窗口的大小的变化而变化阅读全文

posted @ 2021-10-27 21:25 QiKS 阅读(62) 评论(0) 推荐(0)

一、定位position（导航栏、轮播图）

摘要：一、position:relative （相对定位）应用：对一个元素进行相对定位，它将出现在它所在的位置上，relative:它定位的方式为相对于自己之前的默认的位置, 二、position:absolute（绝对定位）（默认父级窗口） absolute:它向上一层一层的找自己的父元素,然后看他们阅读全文

posted @ 2021-10-25 21:43 QiKS 阅读(755) 评论(0) 推荐(0)

随笔分类 - CSS