摘要: 准备工作: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>学成在 阅读全文
posted @ 2025-11-23 13:43 冰涿 阅读(6) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>抖音解决方案</t 阅读全文
posted @ 2025-11-17 23:46 冰涿 阅读(3) 评论(0) 推荐(0)
摘要: 1.felx的组成 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文
posted @ 2025-11-17 22:29 冰涿 阅读(3) 评论(0) 推荐(0)
摘要: 1.浮动的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文
posted @ 2025-11-15 23:21 冰涿 阅读(4) 评论(0) 推荐(0)
摘要: 标准流也叫文档流,指的标签在页面中默认的排布规则,例如块元素可以独占一行,而行内元素可以一行显示多个 但在网页中需要更复杂的排布,在实际中常常用浮动和Flex布局来实现 但一般运用Flex布局更多 阅读全文
posted @ 2025-11-13 14:29 冰涿 阅读(3) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新浪新闻</tit 阅读全文
posted @ 2025-11-12 23:42 冰涿 阅读(4) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>产品卡片</tit 阅读全文
posted @ 2025-11-12 15:15 冰涿 阅读(5) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>圆角</title 阅读全文
posted @ 2025-11-11 15:27 冰涿 阅读(4) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>行内元素的垂直外边 阅读全文
posted @ 2025-11-11 13:59 冰涿 阅读(4) 评论(0) 推荐(0)
摘要: 外边距问题1之合并现象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文
posted @ 2025-11-11 00:03 冰涿 阅读(3) 评论(0) 推荐(0)