随笔分类 -  css

层叠样式表基本知识
[css]浏览器默认样式
摘要：chrome IE <body> margin: 8px font-size: 16px margin: 8px font-size: 16px <p> margin-top: 1em margin-bottom: 1em font-size: 1em margin-top: 1em margin- 阅读全文
posted @ 2024-06-03 15:06 yiyide266 阅读(43) 评论(0) 推荐(0)
[css]一个块格式化上下文(BFC)阻止外边距重叠的示例
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; } .demo{ height:100px; backgrou 阅读全文
posted @ 2022-09-27 16:02 yiyide266 阅读(45) 评论(0) 推荐(0)
[css]定位机制
摘要：一、概述 CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。 块级框(block box) 块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来，元素的总宽度（ 阅读全文
posted @ 2020-05-27 16:19 yiyide266 阅读(231) 评论(0) 推荐(0)
[css]继承关系（一）
摘要：一、概述 一个元素最终只有一个css属性对其生效，除了多处指定属性这种情况，还有一种就是元素会继承祖元素的属性，这是一个不简单，也不复杂的问题。 二、继承 一个元素如果本身没有被指定css属性，那么它就会继承父元素的属性，继承是链式的，元素会向上查找，直到遇到指定样式的祖元素，并且继承它的属性： < 阅读全文
posted @ 2020-05-08 16:08 yiyide266 阅读(814) 评论(0) 推荐(0)