Amy的博客

什么是CSS? - CSS是指层叠样式表 - CSS通常称为CSS样式表或者层叠样式表，主要用于设置HTML页面中的文本内容（字体，大小，对其方式等）、图片的外形（宽高，边框样式，边距等）以及版面的布局等外观显示样式 - HTML结构层：负责从语义的角度搭建页面结构 - CSS样式层 ：负责从审美的角度美化页面 - JavaScript层 ：负责从交互的角度提升用户体验

css的背景表示： 1：background-color：背景颜色词、rgb表示法、十六进制表示法 2：background-image：背景图片 背景不做设置是会被平铺满的。 div { width: 500px; height: 500px; background-image: url(images/wuyifan.jpg); } 3：background-repeat：设置背

padding padding---内边距。 padding的区域有背景颜色，css2.1前提下，并且背景颜色一定和内容区域的相同。 也就是说，background-color将填充所有border以内的区域。 padding是4个方向的，所以我们能够分别描述4个方向的padding。 方法有两种，第一种写小属性；第二种写综合属性，用空格隔开。 小属性: padd

宏观的讲，web页面的制作，是个“流”，必须从上而下，像“织毛衣”。 1 块级元素和行内元素 标准文档流等级森严,标签分为两种等级： 块级元素（会自动换行）：-、.、 、 行内元素（不会换行）：.. .. 、 1） 块级元素 容器级 ● 霸占一行，不能与其他任何元素并列 ● 能接受宽、高 ● 如果不设置宽度，那么宽度将默认变为父亲的100%。 2）

盒子模型--div 一个盒子占据的控件是边框 + 内边距 + 内容区域 Margin:外边距 Width=(margin+border+padding)*2+content 一个盒子中主要的5个属性：width、height、padding、border、margin。 width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。 height是“高度”的

定位有三种，分别是相对定位、绝对定位、固定定位。 相对定位： position:relative; 绝对定位： position:absolute; 固定定位： position:fixed; 相对定位 相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。 head> meta charset="UTF-8"> title>posi

1----2D转换（transform） CSS3变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。 它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。 如果这个值为正值，元素相对原点中心顺时针旋转； 如果这个值为负值，元素相对原点中心逆时针旋转。 CSS3中的变形--扭曲 skew() 扭曲skew(

1、必要元素： a、通过@keyframes指定动画序列； b、通过百分比将动画序列(时间)分割成多个节点； c、在各节点中分别定义各属性 d、通过animation将动画应用于相应元素； 2、关键属性 a、animation-name设置动画序列名称 b、animation-duration动画持续时间 c、animation-delay动画延时时间 d、animati