CSS3-美化网页元素

为什么使用CSS？

1.有效的传递页面信息

2.使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户

3.可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容

4.具有良好的用户体验

 

<span>标签 的作用：能让某几个文字或者某个词语凸显出来

示例：

<p>享受<span class="show">“北大式”</span>教育服务</p>
<p>在北大青鸟，有一群人默默支持你成就
      <span id="dream">IT梦想</span></p>
<p class="bird">选择<span>北大青鸟</span>，成就你的梦想</p>

字体样式：

属性名	含义	举例
font-family	设置字体类型	font-family:"隶书";
font-size	设置字体大小	font-size:12px;
font-style	设置字体风格	font-style:italic;
font-weight	设置字体的粗细	font-weight:bold;
font	在一个声明中设置所有字体属性	font:italic bold 36px "宋体";

字体类型：

font-family属性

p{font-family:Verdana,"楷体";}


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

字体大小：

font-size属性

         单位：1.px（像素）               2.em、rem、cm、mm、pt、pc

示例：

h1{font-size:24px;}
h2{font-size:16px;}
h3{font-size:2em;}
span{font-size:12pt;}
strong{font-size:13pc;}

字体风格：

font-style属性：normal（正常字体）、italic（斜体字）和oblique

字体的粗细：

font-weight属性

值	说明
normal	默认值，定义标准的字体
bold	粗体字体
bolder	更粗的字体
lighter