原创CSS网页布局[七]字体属性

上节教程我们学习了文本属性.我们发现原来网页设计不过是,选择网页元素,设计其具体规则.于是,我们的学习目标更加清晰了.

 

学习网页元素的属性,以及其属性值的具体写法.

 

本节,我们学习的属性依旧是和文字有关的.因为网页中主要的信息还是文字占决大多数么.

 

知识点：

 

·font-family属性以及它如何改变字体外观.[注意这里的注意事项.]

 

<>具体的属性值就是字体的名称.字体名称包含空格的,中文的字体名都需要用引号括起来.

 

·font-style属性以及它如何把字体设为斜体或者倾斜.

      

       <>normal,italic,oblique.2种效果看上好象类似,这个有时牵扯到字体的不同以及操作系统和浏览器的不同.

 

·font-variant属性以及它如何实现小型大写字母的效果.

 

       <>normal,small-caps.一种比正常大写字母小的大写字母.说起来饶口,看效果吧.

 

·font-weight属性以及用它加粗字体粗细.

 

<>normal,bold.

 

·font-size属性以及它如何增减字体的大小.

 

       <>单位和设置文本字母和单词之间的间距类似,事实上有几种方法,但为了学习速度,先掌握最基本的吧.

 

·font属性以及它如何用作简写属性表示多种字体属性.

 

       <>font属性是一种允许在单一属性里写入几种字体属性的简写属性.简写要求,必须拥有font-size和font-family 2种属性. 为什么要简写?我们来看看,发现没有,节省了代码.

 

·color属性以及它如何作用字体的颜色.[颜色属性值的三种方法]

 

       <>这个大家一定见叉子多次用过,很简单.用来控制字体颜色的.属性值有三种.第一种是最简单的.颜色关键词,如红色-red,蓝色-blue,绿色-green,黑色-black,黄色-yellow…其缺憾是能表达的颜色仅147种.还有一种是被称做RGB颜色的属性值写法.简单的解释下.

 

⒈RGB表示[Red红色 – Green绿色 – Blue 蓝色]三种颜色.这是计算机显示象素颜色时所使用的最基本颜色.就如我们学的三原色一样.这种方法通过设置不同的三色的亮度来实现16 777 216种颜色.

color:rgb(128,128,128).三种通道的颜色相同的话,则会灰色,具体的数值决定灰色程度.

 

⒉十六进制颜色.实际上它是表达RGB颜色的另一种方法.我们仅知道如何选择十六进制颜色就可以了.利用DW就可以了.

·短十六进制：#FFFFFF表示白色,我们可以简写为：#FFF 也就是如果R G B 三位的数字相同,则可以仅写一位.但必须RGB同时满足. 比如：#FF0000 - #F00 ，但 #FF0021 则不能写成 #F021 最终结果是#+三位.切记….