吃西红柿长大的番茄

浮动布局注意点： 浮动和标准流的父盒子搭配 先用标准流的父元素排列上下位置，之后内部子元素采取浮动排列左右位置。 一个元素浮动了，理论上其余的兄弟元素也要浮动， 一个盒子里面有多个子盒子，如果其中一个

1.标准流 所谓的标准流：就是标签按照规定的默认方式排列  块级元素：会独占一行，从上向下顺序排列 常用元素： div 、 hr 、 p 、 h1~h6 、 ul 、 ol 、 form 、 tabl

外边距（margin） margin属性用于设置外边距，即控制盒子和盒子间的距离 属性 作用 margin-left 左外边距 margin-right 右外边距 margin-top 上外边距 ma

组成部分： CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括：边框，外边距，内边距，实际内容 1.边框 border可设置元素的边框，边框有三部分组成：边框宽度（粗细）、边框样式、 边框

1.层叠性：覆盖前一个样式 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题 层叠性原则： 样式冲突，遵循就近原则，哪个样式离结构近，就执行哪个样

1.块元素 常见块元素<h1>-<h6>,<p>,<div>,<ul>,<ol>,<li> 块元素特点： 比较霸道，自己独占一行 高度，宽度，外边距以及内边距都可控制 宽度默认是容器（父级宽度）的10

✨6.background-attachment 属性设置背景图像是否固定或随着页面的其余部分滚动 语法：background-attachment:scroll/fixed background-a

1.  background-color 属性定义了元素的背景颜色 语法： background-color: 颜色值  一般情况下元素颜色默认值是 transparent （透明），我们也可以手动指

按照CSS样式的书写位置（或引入方式） 1.行内样式（行内式）： 行内样式（内联样式）是在元素标签内的 style 属性中设定CSS样式，适用于修改简单样式。 示例： <div style="colo