1、都是网页样式code，不同的在于css3比css多了一些样式设置而已。\x0d\x0acss3是向前兼容的，也就是说，css中有效的code在css3也有效。
在网站设计、做网站过程中，需要针对客户的行业特点、产品特性、目标受众和市场情况进行定位分析，以确定网站的风格、色彩、版式、交互等方面的设计方向。成都创新互联还需要根据客户的需求进行功能模块的开发和设计，包括内容管理、前台展示、用户权限管理、数据统计和安全保护等功能。
2、指代不同 CSS3：是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案。
3、CSS1：1996年12月，CSS1（CascadingStyleSheet，level1）正式推出。在这个版本中，已经包含了font的相关属性、颜色与背景的相关属性、文字的相关属性、box的相关属性等。
1、标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。
2、only-child选择器，在元素只有一个子元素时，可以代替使用 nth-child(1)/nth-last-child(1) 。
3、属性选择器 属性选择器(Attribute selector)让你可以基于属性来定位一个元素。
4、兄弟选择器( E~F )是 CSS3 新增选择器，代表 E 和 F 具有同一个父元素，并且 F 元素在 E 元素后面，但是不用相邻。
css设置按钮样式的方法：定义一个css选择器，然后在按钮标签中使用此选择器即可设置按钮样式。使用：hover伪类选择器可以设置按钮交互时样式。
第一步，打开软件并创建一些默认复选框，见下图，转到下面的步骤。
新建一个html文件，命名为test.html，用于讲解。在test.html文件内，使用button标签创建一个按钮，用于测试。在test.html文件内，给button按钮添加一个id属性，用于样式的设置。
准备多组CSS，比如：.button1{ /*style1*/ } .button2{ /*style2*/ } 在用JavaScript修改Button的class，把button1改成button2，就实现了指向的CSS样式改变。
假设你原来的样式是style.css，php引入css如下 例子：原来的button样式为：.btn1{xxxx} 可以添加 .btn2{YYY}在style.css中，修改为：因为你只是修改一些按钮，只在原来的css样式中添加就可以了。
CSS3 的出现，让动画变得更加容易，性能也更加好。
下面说一下制作动画的步骤：一：自己要清楚自己所要做的动画的一个整体形态，首先就是要建模二：拆分动画形态，就是每帧的形态，或者是一个时长动画的开始和结束形态，中间过程的变化形态。
引入jquery 然后给你要设置动画的对象增加或者删除css3动画的类就可以了。
% {box-shadow： 0px 0px 8px #f00；} } 然后，js在切屏后，用Js来触发这一个样式，这个样式调用了刚才定义的动画。
使用CSS3动画：通过CSS3中的transition、animation属性，可以实现网页中的动画效果。
1、这个滚动条是自定义的滚动条，是CSS3自定义滚动条样式 -webkit-scrollbar。
2、-webkit-scrollbar-thumb{background-color：xxx} ：-webkit-scrollbar-thumb：hover {background-color：xxx} ：-webkit-scrollbar-thumb：active {background-color：xxx} 宽度在里面自己加，只在chrome浏览器才生效。
3、我们也可以反过来利用CSShack为不同版本的浏览器定制编写不同的CSS效果。css自定义滚动条css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。第一种方法，代码如图。高度必须要有，overflow属性为auto。
4、在html代码页面上创建一个父和一个子，同时给这两个div添加一个class分别为scroll-box、scroll。给子添加内容，为了让滚动条可以实现，尽量多添加一些内容。设置scroll-box、scroll类样式。
5、CSS无法控制滚动条的样式。这里推荐几块滚动条美化的插件给你。 Windows：全屏窗口滚动插件 该插件可以很好地实现全屏滚动，每滚动一次即为一屏。
IntelliJ IDEA 是个集成开发环境，启动慢，功能多（大部分是你用不上的），但对新手更友好（主要体现在强大的搜索功能和无处不在的自动完成）。DreamWeaver 也是老牌的集成开发环境，就是贵了点。
HBuilder 快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
Adobe Dreamweaver CS6 Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。
编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。 另外vim，emacs，textmate入门曲线比较陡，不建议使用。 另外简单点的：notepad++，editplus，选那个区别不大。
你可以百度google一下 CSS HACK 会有整理大全的 我就不多列举了。进阶学习：等这些都弄熟了，想往高级的前端开发走，那么你可以学习JavaScript和flash方面的知识。JavaScript：推荐学习jQuery。
Lungo Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTMLCSS3和JavaScript；支持手机、电视以及桌面设备。
