qq_39542702的博客

css样式表基础 基本语法： 选择器（即修饰对象）{ 对象的属性1：属性值1； 对象的属性2：属性值2； } css选择器： 1.标签选择器 标签名{} 2.Id选择器：同一个页面不能出现相同的ID #id名{} 3.类选择器：给当前页面某一类标签添加样式，可以存在多个相同名称的类 4.特殊选择择器 交集： 并集： 后代：用空格表示 子代：用>表示

弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 注意： 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内

1.和图片相关的样式： 背景属性: background (缩写形式) background-color(背景色) background-image（背景图） background-repeat（背景图重复方式） background-position（位置坐标、偏移量） center left right bottom  top /*当指定x或y中的任何一个方向时，另一个方向默认是

Margin（外边距） - 清除边框区域。Margin没有背景颜色，它是完全透明Border（边框） - 边框周围的填充和内容。边框是受到盒子的背景颜色影响Padding（内边距） - 清除内容周围的区域。会受到框中填充的背景颜色影响Content（内容） - 盒子的内容，显示文本和图像。 margin：外边距  当前盒子与其他盒子的距离 1个值 上下左右采用统一的值 2个值 上下和左右采用