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设置文字大小样式。