使用CSS美化網(wǎng)頁.ppt

《使用CSS美化網(wǎng)頁.ppt》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在行業(yè)資料-天天文庫。

1、《網(wǎng)頁設計與制作》課程概述：本課程的功能是在網(wǎng)站建設中實現(xiàn)客戶端界面。主要講授網(wǎng)站規(guī)劃與開發(fā)流程、主流網(wǎng)頁設計工具的使用、HTML、CSS樣式和JavaScript等內(nèi)容。采用理實一體、模塊化教學以項目為載體：設計完成3個項目：個人網(wǎng)站、企業(yè)宣傳網(wǎng)站、商務網(wǎng)站前臺設計項目由簡單到復雜，每個項目基于完整的工作過程學習情境設計：6個階段：資訊、決策、計劃、實施、檢查、評價分組實施：3-5人一組1授課說明授課班級08微機1、2班日期2009年5月12授課題目第12章使用CSS美化網(wǎng)頁授課內(nèi)容CSS概述CSS美化網(wǎng)頁教學形式理實一體邊講邊練目

2、的要求學會創(chuàng)建CSS文件，能按要求美化網(wǎng)站重點難點重點：外部CSS文件的使用難點：CSS定義作業(yè)布置1.個人網(wǎng)站—用內(nèi)部樣式2.企業(yè)宣傳網(wǎng)站---用外部樣式表備注2第12章使用CSS美化網(wǎng)頁統(tǒng)一網(wǎng)站的整體風格目標掌握CSS樣式表的基本語法和定義位置。掌握標簽樣式、高級樣式、類樣式的定義方法。掌握樣式的編輯方法。掌握如何使用CSS樣式表美化頁面。4知識講解12.1CSS概述12.2使用CSS美化頁面512.1　CSS概述CSS是“CascadingStyleSheet”的縮寫，“層疊樣式表”CSS具有更好的易用性與擴展性，CSS樣式表可

3、以應用到很多頁面中，從而使不同的頁面獲得相同的布局和外觀。6CSS的優(yōu)點改變?yōu)g覽器的默認顯示風格頁面內(nèi)容和顯示樣式分離可以重用樣式表方便網(wǎng)站維護提供便利的更新功能，更新CSS樣式時，使用該樣式的所有文檔的格式都自動更新為新樣式。7這個段落應用了樣式

這個段落按默認樣式顯示什么是樣式？指定顯示樣式樣式規(guī)則8常用的樣式屬

4、性屬性CSS名稱說明顏色color文本屬性font-size字體大小font-family字體text-align文本對齊邊框屬性(用于表單元素)border-style邊框樣式border-width邊框寬度border-color邊框顏色定位屬性(position)top頂部邊距（上邊距）left左邊距width寬度height高度z-indexz軸索引號，用于層9根據(jù)樣式代碼的位置，分為三類：行內(nèi)樣式內(nèi)嵌樣式外部樣式樣式的分類在最后一個聲明后面加上一個分號(;)是一個好習慣10行內(nèi)樣式您如果希望某段文字和其他段落的文字顯示風格不

5、一樣，那么請采用“行內(nèi)樣式”。行內(nèi)樣式使用元素標簽的STYLE屬性定義。/*－－關鍵代碼--*/

剩余時間：成交結束
新舊程度：全新
所在地：北京
寶貝數(shù)量：5件
瀏覽量：220次