




版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、網(wǎng)頁(yè)設(shè)計(jì)與制造網(wǎng)頁(yè)設(shè)計(jì)與制造江西信息運(yùn)用職業(yè)技術(shù)學(xué)院電子商務(wù)與管理系第第7章章 運(yùn)用運(yùn)用CSS款式控制網(wǎng)頁(yè)外觀款式控制網(wǎng)頁(yè)外觀 教學(xué)目的: 運(yùn)用CSS款式控制網(wǎng)頁(yè)外觀。 教法:教、學(xué)、做一體認(rèn)識(shí)認(rèn)識(shí)CSS CSS:Cascading Style Sheets,層疊款式表,級(jí)聯(lián)款式表。 一組格式設(shè)置規(guī)那么,以控制頁(yè)面外觀。 網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分別的一種款式設(shè)計(jì)言語(yǔ)。頁(yè)面內(nèi)容存放在頁(yè)面里,而CSS款式存放在CSS文件或頁(yè)面文檔的某個(gè)位置,普通是在 。 更容易維護(hù)站點(diǎn);閱讀器下載頁(yè)面速度快;利于搜索引擎搜索軟件抓取站點(diǎn)信息??钍椒N類(lèi)款式種類(lèi) 外部款式:將網(wǎng)頁(yè)鏈接到外部款式表。 本頁(yè)款式:在網(wǎng)頁(yè)上創(chuàng)建嵌入
2、的款式表。 元素款式:內(nèi)嵌款式到某個(gè)網(wǎng)頁(yè)元素。層疊?層疊? 層疊次序:當(dāng)一個(gè)網(wǎng)頁(yè)元素被不止一個(gè)款式定義時(shí),會(huì)運(yùn)用哪個(gè)款式呢? 元素款式在 html 元素內(nèi)部本頁(yè)款式位于 標(biāo)簽內(nèi)部外部款式表。外部款式表外部款式表 作用:在站點(diǎn)上一切或部分網(wǎng)頁(yè)上一致地運(yùn)用一樣款式時(shí),可運(yùn)用外部款式表,以到達(dá)網(wǎng)頁(yè)外觀的一致性。 假設(shè)更改款式,只需在外部款式表中修正一次,而該更改會(huì)反映到一切與該款式表相鏈接的網(wǎng)頁(yè)上。 通常外部款式表以 .css 做為文件擴(kuò)展名,例如 styles.css。 在需求此款式的頁(yè)面中將其鏈接進(jìn)來(lái),如: 本頁(yè)款式表本頁(yè)款式表 當(dāng)只是要定義當(dāng)前網(wǎng)頁(yè)的款式,可運(yùn)用嵌入的款式表。 嵌入的款式表“嵌
3、在網(wǎng)頁(yè)的 標(biāo)志符內(nèi)。 嵌入的款式表中的款式只能在這個(gè)網(wǎng)頁(yè)上運(yùn)用。元素款式元素款式 針對(duì)某個(gè)網(wǎng)頁(yè)中某個(gè)元素設(shè)置款式。 例如:江西通達(dá)CSS 根底語(yǔ)法根底語(yǔ)法 選擇器+聲明。選擇器通常是需求設(shè)置款式的網(wǎng)頁(yè)元素通常是HTML標(biāo)簽。每條聲明由一個(gè)屬性和一個(gè)值組成。 例如:h1 color:red; font-size:14px;。將 h1 元素內(nèi)的文字顏色定義為紅色,字體大小為 14 像素。h1 是選擇器,color 和 font-size 是屬性,red 和 14px 是值。本例中,除了英文單詞 red,還可以運(yùn)用十六進(jìn)制的顏色值 #ff0000 例如:p text-align: center; c
4、olor: black; font-family: arial; 定義一段紅色文字的居中等格式。 公司精神:誠(chéng)信、聰明、勤勞、專(zhuān)注創(chuàng)建創(chuàng)建設(shè)置設(shè)置CSSCSS款式款式面板面板 詳細(xì)如何操作?類(lèi)類(lèi) 可創(chuàng)建自定義的款式。 .ww font-family: 黑體;font-size: 18px;color: #FF0000; 款式名字前邊要有一個(gè)句點(diǎn)。假設(shè)沒(méi)有輸入這個(gè)句點(diǎn),DW自動(dòng)輸入。 可運(yùn)用于任何標(biāo)簽。class 屬性 江西通達(dá) 搜狐標(biāo)簽重新定義特定標(biāo)簽的外觀標(biāo)簽重新定義特定標(biāo)簽的外觀 對(duì)某種標(biāo)簽的外觀重新定義、規(guī)范或擴(kuò)展其屬性。 例如:a text-decoration: line-throu
5、gh; 要重新定義 HTML 標(biāo)簽款式,可以鍵入一個(gè) HTML 標(biāo)簽或者從彈出菜單中選擇一個(gè)。高級(jí)高級(jí)ID、偽類(lèi)選擇器、偽類(lèi)選擇器 對(duì)標(biāo)簽組合定義或定義ID標(biāo)簽 ID標(biāo)簽屬性用于定義一個(gè)元素獨(dú)特的款式。 用于控制鏈接的顯示效果,共有4種選擇器: a:link 未訪問(wèn)的鏈接 a:visited 已訪問(wèn)的鏈接 a:hover 當(dāng)有鼠標(biāo)懸停在鏈接上 a:active 被選擇的鏈接 寫(xiě)法,一定要按以上順序。運(yùn)用運(yùn)用CSS款式款式附加款式表附加款式表 屬性面板 文本菜單/CSS款式/練習(xí)練習(xí) 創(chuàng)建CSS文件控制站點(diǎn)一切網(wǎng)頁(yè)外觀。 一切網(wǎng)頁(yè)鏈接到CSS文件。 設(shè)置:網(wǎng)頁(yè)背景圖片、上邊境頂格。 標(biāo)簽組合td p:?jiǎn)卧裰卸温湫懈?00%,字體文本微軟雅黑,14像素。 類(lèi)1:字體黑體,18像素,粗體,傾,藍(lán)色,用于首頁(yè)車(chē)名 制造頁(yè)面底部:經(jīng)過(guò)表格ID,文字居中,白色,行高200%等。 設(shè)置圖
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 內(nèi)審員考試試題及答案 (三)
- 海洋數(shù)字金融服務(wù)創(chuàng)新
- 2025年上海松江區(qū)天馬山學(xué)校招聘教師考試筆試試題(含答案)
- 老班長(zhǎng)介紹課件
- 老年疼痛患者護(hù)理課件
- 老年護(hù)理課件模板
- 老年護(hù)理圖文課件
- 老年人心理健康咨詢(xún)課件
- 老師的視頻課件制作
- 《建筑項(xiàng)目合同約定場(chǎng)地估值爭(zhēng)議處理協(xié)議》
- 工程總承包管理制度
- 2025年云南新華印刷五廠有限責(zé)任公司招聘筆試參考題庫(kù)含答案解析
- 汽車(chē)實(shí)訓(xùn)室安全課件
- 臨時(shí)施工出入口交通疏導(dǎo)方案
- 《OPPLE歐普照明》課件
- 國(guó)家開(kāi)放大學(xué)電大專(zhuān)科《建筑工程項(xiàng)目管理》期末試題及答案
- 醫(yī)療設(shè)備器材供貨安裝、調(diào)試及售后服務(wù)方案
- 部編版語(yǔ)文三年級(jí)上冊(cè)第四單元教材解讀大單元集體備課
- 10kV小區(qū)供配電設(shè)計(jì)、采購(gòu)、施工EPC 投標(biāo)方案(技術(shù)方案)
- 2024-2025學(xué)年初中物理八年級(jí)下冊(cè)蘇科版(2024)教學(xué)設(shè)計(jì)合集
- 中外廣告史(第三版) 課件全套 何玉杰 第0-11章 緒論、中國(guó)古代廣告的發(fā)展- 日本廣告的發(fā)展
評(píng)論
0/150
提交評(píng)論