CSS 基本样式和规则.pptx

第十章 用CSS美化页面元素用CSS设置丰富的文字效果CSS文字样式模拟Google公司Logo实例CSS段落文字百度搜索实例1.CSS文字样式字体文字大小文字颜色文字粗细斜体变体文字的下划线综合字体1.CSS文字样式字体:font-family除了利用HTML的标记来设置字体外，也可以用CSS的font-family属性来设置需要的字体。基本语法：font-family:字体一，字体二，字体三…语法说明：上面的语法定义了几种不同的字体，并用逗号隔开，当浏览器找不到字体一时，将会用字体二代替，以此类推，当浏览器完全找不到字体时，则使用默认字体（宋体）。!--程序10-8--htmlheadtitle设置字体/titlestyle type=text/css!--.p1 {font-size:16px; font-family:黑体,草书,宋体;}.p2 {font-size:16px; font-family:琥珀,草书,宋体;}--/style/headbodyp class=p1设置字体的顺序为，黑体，草书，宋体p class=p2设置字体的顺序为，琥珀，草书，宋体/body/html 绝对单位英寸(in)厘米(cm)毫米(mm)磅(pt)1.CSS文字样式文字大小:font-size相对单位字体高(em)字母x的高(ex)像素(px)百分比(%)1.CSS文字样式文字大小: