首先我们创建一个简单的项目，如图所示包括html，css和img三个。这里是html文件，引入css和html代码文件，如图所示。这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果。
创新互联2013年至今，是专业互联网技术服务公司，拥有项目网站设计、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元秀峰做网站,已为上家服务,为秀峰各地企业和个人服务,联系电话:18980820575
新解决方案新解决方式和之前的有些相似，我们把css3的效果添加到图片遮罩层 ：after 伪类上，这样做的好处是图片保持了完整性和可收缩性。
当你点击demo页面的【开始】按钮之后，页面中的骑手和马匹将会运动起来，这里需要强调的一点是，ie不支持css3的动画属性，再次抱怨下万恶的ie。但是我们不能以此为理由不去拥抱css3。我们先来看html代码。
网页技术的发展和进步，使得网页的功能朝着越来越丰富的方向发展，网页计算机设计技术也在这样的情况下得以不断融合。比如HTML5与CSS3两者之间的融合，为网页设计打开了全新的局面，有利于提升网页设计的效益。
文字阴影文字阴影的结构按照这样的顺序：x-offset， y-offset， blur， 和 color。为x-offset设置负值会将阴影位置改变到左边，为y-offset设置负值会将阴影位置改变到头部。我们也可以使用RBGA设置阴影的颜色。
1、优先级(从高到底)行内样式内嵌样式链接样式导入样式。
2、按优先级：前端优先读取正序。正规规范优先倒序。style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。
3、使用HTML标签的style属性如：这种方式的优点：分散灵活方便；缺点：缺乏整体性和规划性，不利于维护，维护成本高；这种方式的CSS渲染的优先级要高于其它三种。
4、嵌入式：使用HTML的style元素，在文档中定义CSS样式 head style type=text/css h1{color：red} p{color：blue} /style head 内联式 ：每一个HTML元素都包含一个style属性，可以直接定义样式。
5、在HTML中常用以下3种方式定义CSS：Embedding（嵌入式）、Linking（引用式）、Inline（内联式） 嵌入式使用HTML的style元素，在文档中定义CSS样式。
6、内嵌样式 内嵌样式是混合在HTML标记里使用的，用这种方法，可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。
1、css的作用是：主要用来设计网页的样式，美化网页；能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式；对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
2、使用较少的代码，来实现更多的功能；使用属性继承方法，可以轻松地维护相同标记的不同样式；代码比率更高的内容；页面加载变得很快；定义风格的灵活性。
3、层叠就是浏览器对多个样式来源进行叠加，最终确定结果的过程.css之所以有“层叠”的概念，是因为有多个样式来源。
4、CSS是Cascading Style Sheets（层叠样式表单）的简称，不过叫得最多的还是样式表。
1、当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。
2、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。
3、嵌入方式指的是在 HTML 头部中的 标签下书写 CSS 代码。示例： .content { background： red；} 嵌入方式的 CSS 只对当前的网页有效。
4、首先打开EditPlus软件，新建一个样式表文件，写入一些样式，如下图所示。接下来我们在建立一个样式表文件，在这个样式表文件中通过import属性导入上一个样式表，如下图所示。
5、a{text-align：center：...}(一般放在与之间) 3。 @import url(路径/文件名.css )； (一般放在与之间，但比较少见，也少用) 4。直接在标签后面加入style=。
CSS的四种引入方式分别是：行内样式、内嵌样式、链接样式和导入样式。行内样式最直接最简单的一种，直接对HTML标签使用style=，例如：缺点：HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。
CSS中可以通过三种方法引入样式表：（1）内联样式（2） 嵌入式样式（3） 外部样式这些CSS样式中的每一种形式都有它们的优点和缺点接下来将详细的为大家介绍内联样式特点：（1）内联样式放在代码中的HTML元素中。
css主要有三种引用方法：1，内部引用，在html文档中在标签里面写的css样式 bdoy{font-size：14px；} 2，外部引用，用标签引用外部的css文件，将样式引用到html文档来。
行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。内嵌式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。
引入方法是将样式写css文件中，再将css文件链接到HTML文件里。
外联样式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式 四，导入样式，即将样式，按模块划分或其它的分法分别放在不同的css文件中，然后用@导入到其它样式中 。