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