随笔分类 -  网页前端 / CSS

CSS 基础 5 - CSS 选择器
摘要：基础 #id{} ID 选择器 .class{} 类选择器 tag{} 标签选择器，tag 可以是 h1, p, div, span, img, nav, footer... *{} 通用选择器，选择所有元素，可以和其他复杂选择器组合 <div class="class1 class2" id="m 阅读全文
posted @ 2023-10-06 10:26 Zijian/TENG 阅读(32) 评论(0) 推荐(0) 编辑
CSS 基础 4 - CSS 常用单位
摘要：CSS 基础 4 - CSS 常用单位 px：基础单位 em：相对当前父容器的系数，可以累乘 rem：相对根 <html> 的系数，方便计算 vw/vh：viewport width/height，整个浏览器的大小，取值范围 1-100 如 100vh，占满高度，如果出现滚动条，是因为 body 预 阅读全文
posted @ 2023-09-28 20:52 Zijian/TENG 阅读(13) 评论(0) 推荐(0) 编辑
CSS 基础 3 - 定位 Postion 属性
摘要：CSS 基础 3 - 定位 Postion 属性 static position 属性的默认值，元素随 HTML 流移动 top/left/right/bottom 属性无效 relative 和 static 类似，元素随 HTML 流移动。区别： 比 static 多了 top/left/rig 阅读全文
posted @ 2023-09-28 20:49 Zijian/TENG 阅读(29) 评论(0) 推荐(0) 编辑
CSS 基础 2 - Box Model 盒模型
摘要：CSS 基础 2 - Box Model 盒模型 Box Model 盒模型是网页布局的前提。网页布局的几种方式： Table（过时）：在 CSS 出现之前，一般用表格布局（将表格边框线隐藏） Float（过时）：最初用于“文字环绕图片”，但广泛用于网页布局，非常成熟（IE6也支持） Flexbox 阅读全文
posted @ 2023-09-27 20:40 Zijian/TENG 阅读(16) 评论(0) 推荐(0) 编辑
CSS 基础 1 - Block & Inline
摘要：CSS 基础 1 - Block & Inline display: inline/block/inline-block/none/flex/grid; block block 元素独占一行，即使两个元素宽度都小于 50% 也不会左右并排 block 元素可以单独设置 width、height 属性 阅读全文
posted @ 2023-09-27 20:38 Zijian/TENG 阅读(13) 评论(0) 推荐(0) 编辑

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