摘要：
标签名 语义 单/双标签 header 整个页面，或部分区域的头部 双 footer 整个页面，或部分区域的底部 双 nav 导航 双 article 文章，帖子，新闻，评论等 双 section 页面中的某段文字，或文章中某段文字（文字通常包含标题） 双 aside 侧边栏 双 main 主要内容 阅读全文
摘要：
ps: .item>.first{B}+h2{B$}*8 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial 阅读全文
摘要：
验证给父元素加上border，不会出现 margin 塌陷问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init 阅读全文
摘要：
相对定位 相对定位相对的是自己原来的位置，开启相对定位的元素并没有脱离文档流，可以超出父容器的大小，与 float 区分 有四个属性值：left、bottom、right、top 左和右不能同时用，同时用时左生效； 当一个元素右定位属性，这个元素的层级高于普通的元素； 当两个元素都开启定位时，采用后 阅读全文
摘要：
浮动 文字环绕图片 imag{float: left;} 文字环绕文字 使用伪元素选择器选出第一个元素，然后加一个float属性 浮动特点： 元素浮动之后脱离了原规则 浮动之后，宽与高默认被内容撑开，可以自己设置 浮动后与其他元素共用一行，按照 3D 角度想，浮动的元素是飘起来的 浮动的元素可以设置 阅读全文