1、首先我们创建一个简单的项目，如图所示包括html，css和img三个。这里是html文件，引入css和html代码文件，如图所示。这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。
创新互联主要从事网站设计制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务馆陶,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
2、可以使用伪类的偶数项来控制，如 ulli：nth-child(even){background-click：#ccc；} 这里控制的就是只有偶数项的li才添加背景颜色。
3、在html中调用css文件步骤如下：首先，下载html5开发软件Intellij IDEA，这个直接在百度搜索框中搜索即可。
4、动画效果的 CSS 样式在 core.js 里面。控制动画执行是在 baomi.js 里面。其实这个页面可以再完善下 section 元素 move 出屏幕的时候，去掉 animated；当move 回来的时候再加上 animated。
5、嵌入式：使用HTML的style元素，在文档中定义CSS样式 head style type=text/css h1{color：red} p{color：blue} /style head 内联式 ：每一个HTML元素都包含一个style属性，可以直接定义样式。
1、placeholder是HTML5的新属性，并不是CSS3，CSS3和CSS2都是一样的，是在style/style里，或者CSS文件里，或者style=这里面的。
2、新建html文件，在html文件中输入input标签然后给标签添加placeholder值。如图：代码：input type=text placeholder=请输入用户名 / 保存好html页面后使用浏览器打开，发现input输入框提示的文字是灰色的。
3、首先，我们先新建一个简单的html文档，只有一个input框就可以，然后为这个input框定义一个宽度和高度，还有字体颜色大小，以及placeholder的值。
4、注1：冒号前写对应的input或textarea元素等。注2：placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。
5、css 中以color：red； 为例，冒号左边是属性名称color，冒号右边是属性值red，冒号的作用就是分离这两样东西，字面意思可以理解为设置为，当前例子把颜色设置为红色。
6、因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。
only-child选择器，在元素只有一个子元素时，可以代替使用 nth-child(1)/nth-last-child(1) 。
)、E：cehcked伪类选择器用来指定当表单中的radio单选框或者是checkbox复选框处于选取状态时的样式。2)、E：default选择器用来指定当页面打开时默认处于选取状态的单选框或复选框的控件的样式。
X：nth-child(n) li：nth-child(3) { color： red；}接下来的几个伪类选择器使用上非常类似，功能也比较接近。 ：nth-child(n)，用于匹配索引值为n的子元素。索引值从1开始。
语法：E：not(){ sRules } 说明：匹配不含有s选择符的元素E。
