CSS字体样式

一、字体类型：（font-family属性）

1.可以写多个字体类型，用逗号隔开。

2.单个英文单词的字体类型不用加双引号（或单引号），其他的需要加双引号（或单引号）。

示例

p{font-family:Verdana,"楷体";}
body{font-family:Times,"Times New Roman","楷体";}

二、字体大小：（font-size属性）

1.常用单位：em、px(像素)

h1{font-size:24px;}
h2{font=size:2em;}

三、字体风格（font-style属性）

1.normal文本正常显示

2.italic文本斜体显示

3.oblique文本倾斜显示

h1{font-style:italic;} //h1的字体风格为斜体

四、字体的粗细（font-weight属性）

1.normal （默认值，定义标准的字体） 常用

2.bold （粗体字体）   常用

3.bolder（更粗的字体）

4.lighter （更细的字体）

5.100、200、300、400、500、600、700、800、900 （定义由细到粗的字体，400等同于normal，700等同于bold）

h1{font-weight:bold;} //设置h1的字体为粗体

五、字体属性（font属性）

字体属性的顺序：字体风格—>字体粗细—>字体大小—>字体类型

p span{font:oblique bold 12px "楷体";}

 六、字体样式使用案例

借助字体相关样式，实现字体展示效果

1、字体：Times、Times New Roman、楷体

2、一级标题：24px斜体

3、"全部商品分类" 字体正常粗细

4、二级标题：16px字体正常粗细

5、段落字体12px

6、每段落中商品分类为粗体、12px、斜体、楷体

    
    


    

        
商城――全部商品分类

        
图书、音像、电子书刊
        
电子书刊 电子书 网络原创 数字杂志 多媒体图书目

            音像音乐 影视 教育音像

            经管励志 经济 金融与投资 管理 励志与成功

        
家用电器
        
大家电 平板电视 空调 冰箱 DVD播放机

            厨房电器 电磁炉 微波炉 电饼铛 抽油烟机

            生活电器 净化器 电风扇 饮水机 电话机

        
个护化妆
        
面部护理 洁面乳 精华露 眼部护理 T区护理

            身体护理 洗发护发 沐浴 手工/香皂 手足护理

            香水SPA 女士香水 男士香水 组合套装 迷你香水

        
服饰鞋帽
        
女装 T恤 衬衫 针织衫 卫衣 连衣裙 风衣 大衣 休闲裤

            男装 衬衫 POLO衫 针织衫 皮衣 外套 棉服 大衣

            运动 休闲鞋 跑步鞋 足球鞋 运动裤 运动包