引导者本文目录一览：
常用重要CSS样式的属性
float，csscss边框属性的一种属性，主要属性值为css边框属性：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。float属性定义元素在哪个方向浮动。
首先新建一个 常用的css属性.html 文件，如图所示。输入HTML5的结构代码，将title标签里面的内容修改成css边框属性：常用的css属性，如图所示。colorcss边框属性：设置文字颜色（前景色），如图所示。
使用animation动画属性，最重要的就是配合有“关键帧”——@keyframes 样式设置如下：这样的设置，就是将1s分为3帧，每帧显示不同的背景颜色，然后动画效果只显示1次。
background ：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。
css3新属性：RGBA和透明度 RGBA是RGB色彩模型的一个扩展。
css对div设置边框?
CSS边框宽度属性 边框宽度是显示边框的一个重要属性。用法如下：边框宽度：右上下左 参数描述：Top：Topborder属性，可以设置像素或样式，即上边框的宽度。Right：Rightborder属性，可以设置像素或样式，即上边框的宽度。
设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色。保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。
打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了solid。创建div代码：divsolid：定义一个边框/div 设置线条边框。
CSS设置div边框颜色宽度和高度步骤如下：新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
CSS border-width 属性 border-width是实现显示边框的重要属性。用法如下：border-width：top right bottom left 参数说明：top：上边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。
div标签默认是不带边框，但是通过编辑CSS可以定义其边框。
能够影响到盒子模型宽高的css属性?
标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
可以用box-sizing 它是用于控制元素框模型的重要CSS属性 box-sizing 属性有两个常见的取值：content-box（默认值）：元素的宽度和高度仅包括内容框(content)，不包括内边距（padding）、边框(border)和外边距(margin)。
盒子模型是CSS中一个很重要的概念，页面中的所有元素都可以看成一个盒子，并占据一定的页面空间，一个页面由很多盒子组成，盒子之间会互相影响。只有掌握盒模型以及其中每个属性的用法，才能真正控制好页面元素。
网页盒子模型存在两种：1：标准W3C盒子模型；2：IE盒子模型（IE浏览器默认的模型）。在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的，下面就用公式来区分这两种不同的盒子模型。
