随笔分类 -  CSS

css 卡片hover效果
摘要：.card { height: 430px; width: 100%; background:#ffffff; border:1px solid #eaeefb; border-radius:5px; box-sizing: border-box; text-align: center; posit 阅读全文
posted @ 2023-01-06 16:06 非帆丶 阅读(145) 评论(0) 推荐(0) 编辑
CSS 控制显示的行数
摘要：文本一行显示，超出省略号展示 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 显示固定行数 overflow: hidden; display: -webkit-box; -webkit-box-orient: vert 阅读全文
posted @ 2022-05-12 21:08 非帆丶 阅读(862) 评论(0) 推荐(0) 编辑
css-flex
摘要： 阅读全文
posted @ 2022-02-24 14:55 非帆丶 阅读(13) 评论(0) 推荐(0) 编辑
CSS -伪类选择器（隔行变色）
摘要： 阅读全文
posted @ 2022-02-10 19:03 非帆丶 阅读(74) 评论(0) 推荐(0) 编辑
CSS-属性书写顺序
摘要： 阅读全文
posted @ 2022-02-05 14:43 非帆丶 阅读(6) 评论(0) 推荐(0) 编辑
CSS-清除浮动
摘要：.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } 阅读全文
posted @ 2022-01-30 15:24 非帆丶 阅读(23) 评论(0) 推荐(0) 编辑
CSS-套嵌元素塌陷
摘要： 阅读全文
posted @ 2022-01-29 10:42 非帆丶 阅读(10) 评论(0) 推荐(0) 编辑
CSS-块级盒子水平居中
摘要： 阅读全文
posted @ 2022-01-29 10:07 非帆丶 阅读(19) 评论(0) 推荐(0) 编辑
css-文字垂直居中 图片文字居中对齐
摘要：https://www.bilibili.com/video/BV14J4114768?p=263 该属性需要加在图片上 阅读全文
posted @ 2022-01-23 22:52 非帆丶 阅读(57) 评论(0) 推荐(0) 编辑
CSS-行内元素与块级元素之间的转换（display）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-01-23 22:09 非帆丶 阅读(626) 评论(0) 推荐(0) 编辑
CSS-块元素，行内元素，行内块元素
摘要： 阅读全文
posted @ 2022-01-23 20:51 非帆丶 阅读(34) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示