HTML里面FONT元素可以设置字体的大小,字体,颜色等样式.B元素和Strong元素都可以设置文字为粗体;I元素和EM元素都可以设置为斜体.

最基本样式:

一字体

    在HTML中可以使用来设置文字字体,而在css中设置字体使用到的属性是font-family,其语法代码如下:

font-family:字体名

font-family:字体名1,字体名2

font-family:fantasy|monospace|ncursive|serif|sans-serif

1.指定单个字体

  有关字体的方式十分简单,只要在font-family中正确地输入字体名称即可.

 

   
   
   
   
  1. > 
  2. <html> 
  3.   <head> 
  4.     <title>字体样式title> 
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  6.   <link href="" type="text/css" rel="stylesheet"/> 
  7.     <style type="text/css"> 
  8.      
  9.     style> 
  10.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  11.    head> 
  12.    <body> 
  13.        <P>方正宋体,方正楷体,隶书P> 
  14.   body> 
  15.  
  16. html> 

二:文字大小

在css中设置文字的大小用到的属性是font-size;

其语法代码:

font-size:xx-small || x-small || small ||  medium || large ||  xx-large || x-large || larger || 长度 || 百分比

1.绝度尺寸

在css里面定义七种绝度字体大小

2.相对尺寸

3.字体大小调整

三粗体

在HTML中使用来让文字加粗,但是加粗多少这就不是开发者能够控制的,所以要相精确的控制加粗的程度,还要使用css中的font-weight属性

1.font-weight属性

2.粗体的显示方式

四 斜体

在HTML中可以使用I元素和EM元素来让文字倾斜,而在css中式使用font-style属性让文字倾斜.

 

   
   
   
   
  1. > 
  2. <html> 
  3.   <head> 
  4.     <title>字体样式title> 
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  6.   <link href="" type="text/css" rel="stylesheet"/> 
  7.     <style type="text/css"> 
  8.