1、首先新建一个 常用的css属性.html 文件，如图所示。输入HTML5的结构代码，将title标签里面的内容修改成：常用的css属性，如图所示。color：设置文字颜色（前景色），如图所示。
创新互联专注于寿宁网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供寿宁营销型网站建设，寿宁网站制作、寿宁网页设计、寿宁网站官网定制、小程序定制开发服务，打造寿宁网络公司原创品牌,更为您提供寿宁网站排名全网营销落地服务。
2、float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。float属性定义元素在哪个方向浮动。
3、使用animation动画属性，最重要的就是配合有“关键帧”——@keyframes 样式设置如下：这样的设置，就是将1s分为3帧，每帧显示不同的背景颜色，然后动画效果只显示1次。
假设需要设置背景颜色的div的ID为box，则css可以这样写：box{background-color：#fff；}。这样的话这个div容器的背景颜色就被设置成了白色。
通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。
float，css的一种属性，主要属性值为：left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元素浮动)，多用于网页排版。 float属性定义元素在哪个方向浮动。
1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。
2、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。
3、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。
1、优点：支持跨浏览器，包括IE8-IE无需其他特殊标记，CSS代码量少支持百分比%属性值和min-/max-属性只用这一个类可实现任何内容块居中不论是否设置padding都可居中(在不使用box-sizing属性的前提下)内容块可以被重绘。
2、margin这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。
3、CSS实现水平垂直居中对齐在CSS中实现水平居中，会比较简单。
4、CSS3 的FlexBox更是强大到没朋友。但是良辰今天想聊的是 CSS 垂直居中的方法，下面是萌萌的分割线。
5、需要的主要css代码有两个，一个为text-align：center（内容居中），另外一个为margin：0 auto；其两个样式需要配合使用才能实现div盒子的居中显示排版。
6、如果您觉得我的文章有用，欢迎点赞和关注，也欢迎光临我的个人博客 https：//github点抗 /BokFang 在这里总结一下CSS水平居中、垂直居中的各种方式。应该说非常全了。
