1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入CSS代码：a{font-family: 楷体;font-size: 20px;color: orange;}。
3、浏览器运行index.html页面，此时用CSS成功改变了超链接的字体、大小、颜色。
CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1 的基础上增加了很多强大的新功能，目前主浏览器 Chorme、Safari、Firefox、Opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分。是浏览器的私有属性虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容，前缀还是少不了的。
Chrome 和 Safari：-webkit
Firefox：-moz
IE：-ms
Opera：-o
CSS3 把很多以前需要使用的图片和脚本来实现的效果，甚至动画效果，现在只需要短短几行代码就能搞定。比如：圆角、图片边框、文字阴影和盒阴景、渐变、个性化字体、多图片背景、变形处理（旋转、缩放、倾斜、移动）、过渡、动画、多栏布局、媒体查询等。还有选择器，简化了前端开发工作人中山小榄的设计过程，加快页面载入速度。
1、标签选择符： 如p{color:#F00; font-size:36px;}，使用
直接作用
2、类选择符： 如 .red{color:#C00;}，使用
直接作用
3、ID选择符： 如 #two{color:#600; font-family:’汉仪行楷简’;}，使用
直接作用
4、包含选择符： 如 p strong{color:#F00;}，使用
直接作用
5、通配选择符： 如 *{color:#0C0; font-size:18px;}，可以控制所有的html元素作用范围很广，但是效率较低6、选择符分组：如p,h1,div{color:#F00;font-size:36px;}，对p,h1,div都有效7、标签指定式选择符： 如p#one{ color:#F00;font-size:36px;}，只对id为one的p标签有效8、组合选择符： 将所有选择符类型组合使用
html中的div设置字体大小方法一
大家设置DIV盒子字体大小为12px，在分别标签内使用style属性设置css font-size设置字体大小样式。
1、对应html源代码片段
<div>设置div内字体大小为12px</div>
html中的div设置字体大小方法二
大家通过外部新建CSS选择器对指定div设置文字大小样式。
