使用CSS樣式表設置豐富的文字效果

使用CSS設置基本的選擇符有哪三種？優(yōu)先級如何？更多類型的選擇符有哪些？常用的CSS數據單位有哪些？樣式表有幾種導入方式？它們的區(qū)別及優(yōu)先級如何？會使用CSS文字樣式文字實例：模擬Google公司的logo會使用CSS段落文字段落實例：百度搜索本講目標導入文字是網頁設計中必不可缺的元素，使用過word的用戶會發(fā)現，word可以對文字的字體、大小、顏色等屬性進行設置，CSS同樣可以做到。我們將從以下幾個方面進行學習：

a、字體

b、文字大小

c、文字顏色d、文字粗細e、斜體f、文字的下劃線、g、英文字母大小寫字體在HTML語言中，對文字字體的控制，是通過

在CSS中，則是通過font-family屬性來控制的

<fontface=“黑體”>p{font-family:"黑體","宋體",Arial,sans-serif;}serif與sans-serif區(qū)分<pstyle="font-family:serif;">K</p><pstyle="font-family:sans-serif;">K</p>serif字體sans-serif字體我們發(fā)現：左側的K較之右側的K，在字筆畫開始及結束的地方有額外的修飾，易讀性更強，長時間閱讀這樣的字體不容易疲勞

左側字體常用于正文，右側字體常用于標題文字大小CSS對于文字大小控制是通過該屬性的值可以是相對大小也可以是絕對大小，在這里提供了三種常用的數據單位：h1{font-size:12px;}單位描述示例px像素（pixel）width:12px;em相對于當前對象內文本的字體尺寸font-size:1.5em;Pt點/磅（point）font-size:9pt;文字顏色文字各種顏色的合理搭配，使得頁面五彩繽紛，在CSS中文字顏色的控制是通過color屬性的值有兩種常用的表達方式：h1{color:#000000;}#RRGGBB十六進制顏色單位color:#FF0000;ColorName瀏覽器所支持的顏色名稱color:red;注意：在設置某一個段落文字的顏色時，可以利用<span>標記，將需要的部分進行單獨標注。文字粗細在HTML語言中可以通過<b>標記或者<strong>標記將文字設置成粗體。在CSS中，提供了更為細致的劃分font-weight:100;font-weight:200;font-weight:300;……….font-weight:900;font-weight:bold;font-weight:normal;文字下劃線、頂劃線和刪除線提起文字下劃線，我們會聯想到超鏈接無下劃線特效。

通過演示，我們來了解該屬性具體的值的效果a:hover{text-decoration:underline;}英文字母大小寫英文字母大小寫轉換是CSS提供的很實用的功能之一p{ text-transform:capitalize;/*單詞首字大寫*/ text-transform:lowercase;/*全部小寫*/ text-transform:uppercase;/*全部大寫*/}通過演示，我們來了解該屬性具體的值的效果。文字實例一：模擬Google公司Logo要求做出如下圖片所示效果：提示：1、整體上控制字體大小、字體間距以及字體類型

2、采用<span>標簽分割每一個字符，單獨添加樣式

3、顏色的采集通過TakeColor軟件進行截取案例演示Google網頁演示文字實例二：制作頁面的五彩標題要求對“SuperTitleCSS”該標題進行樣式指派，依次實現下列圖片實現效果：

練習頁面效果頁面效果一：效果二：效果三：效果四：CSS段落文字對齊方式水平對齊通過屬性text-align

來控制垂直對齊通過屬性vertical-align來控制行間距和字間距行間距通過屬性line-height

來控制字間距通過屬性letter-spacing來控制首字放大在許多報刊或雜志的文章中，開篇第一個字很大，借此第一時間來吸引住顧客的眼球。問題：首字放大，有幾種實現方式？如果想給段落的第一行設置下劃線效果又