随笔分类 -  css/html

摘要:1.表现 浏览器直接选中元素的时候,仅能直接选中整个body,想要找到具体元素,需要自己手动寻找,没太大实际作用,仅仅让不懂的人不能简简单单的直接定位元素然后修改里面的内容 pointer-events: none; 阅读全文
posted @ 2024-04-15 11:23 story.Write(z) 阅读(11) 评论(0) 推荐(0) 编辑
摘要:1. 分类 标准盒子模型 content-box 怪异盒子模型 border-box 2. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width 阅读全文
posted @ 2024-04-15 11:09 story.Write(z) 阅读(8) 评论(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 @ 2024-04-15 10:59 story.Write(z) 阅读(403) 评论(0) 推荐(0) 编辑
摘要:绝对定位 响应式正方形布局 给红色盒子设置padding-top/padding-bottom为100%,会将盒子撑成正方形,会根据页面的大小进行改变 再将绿色盒子绝对定位在红色盒子上面,可以达到伸缩保持正方形 阅读全文
posted @ 2024-04-15 09:44 story.Write(z) 阅读(4) 评论(0) 推荐(0) 编辑
摘要:存在问题布局 问题:当浏览器窗口大小缩小的一定程度之后无法继续缩小,导致文字隐藏不生效,左侧文字会撑开盒子,导致盒子不能继续缩小 此时仍然可以正常伸缩 无法正常伸缩 预期效果应该如下 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
posted @ 2024-04-15 09:43 story.Write(z) 阅读(6) 评论(0) 推荐(0) 编辑

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