高二信息技術(shù)復(fù)習(xí)_第1頁(yè)
高二信息技術(shù)復(fù)習(xí)_第2頁(yè)
高二信息技術(shù)復(fù)習(xí)_第3頁(yè)
高二信息技術(shù)復(fù)習(xí)_第4頁(yè)
高二信息技術(shù)復(fù)習(xí)_第5頁(yè)
已閱讀5頁(yè)，還剩23頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

css樣式表高二年級(jí)信息技術(shù)復(fù)習(xí)CSS樣式表

一、CSS樣式表的特點(diǎn)

CSS樣式表作為當(dāng)前網(wǎng)頁(yè)制作中的一個(gè)常用技術(shù)，不僅可以對(duì)文字格式進(jìn)行設(shè)置，還可以更加精確地控制布局、字體、顏色、背景和其他圖文效果。它主要有以下幾個(gè)優(yōu)點(diǎn)。1、只需修改一個(gè)CSS代碼就可以改變頁(yè)數(shù)不定的網(wǎng)頁(yè)外觀和格式。2、可以更好地控制頁(yè)面布局和外觀3、在所有瀏覽器和平臺(tái)之間具有較好的兼容性4、精簡(jiǎn)網(wǎng)頁(yè)，提高下載速度CSS樣式表

一、常用CSS樣式定義方式1、嵌入式樣式表

在每個(gè)要應(yīng)用樣式的HTML的標(biāo)記后寫(xiě)上CSS屬性就可以了。這種方式主要用于對(duì)具體的標(biāo)記作具體的調(diào)整，其作用的范圍只限于本標(biāo)記。例如，想規(guī)定一個(gè)<table>標(biāo)記中的文字為紅色，字體大小為10pt，則可以書(shū)寫(xiě)為：<tablestyle=”color:red;font-size:10pt”>CSS樣式表

一、常用CSS樣式定義方式2、內(nèi)聯(lián)樣式表把樣式表放在<head></head>的中間，從而使樣式表對(duì)當(dāng)前整個(gè)HTML頁(yè)面產(chǎn)生作用，這就是一個(gè)內(nèi)聯(lián)樣式表。其引用方式如下：<head>……<styletype=”text/css”><!--

樣式表的具體內(nèi)容--></style>……</head>

其中，<!—注釋內(nèi)容-->是HTML語(yǔ)言中的注釋標(biāo)簽，在樣式表中使用，是為了幫助不支持CSS的瀏覽器過(guò)濾掉CSS代碼，避免網(wǎng)頁(yè)在瀏覽器中顯示時(shí)CSS代碼不被執(zhí)行而是以源代碼的方式顯示在瀏覽器中。

CSS樣式表

一、常用CSS樣式定義方式3、外部樣式表一個(gè)網(wǎng)站的同類(lèi)頁(yè)面，其風(fēng)格往往是相同的或類(lèi)似的，我們顯然不希望每次都在<head>和</head>中插入相同的繁瑣復(fù)雜的樣式表。其實(shí)我們可以只編寫(xiě)一個(gè)CSS文件，借助于引入外部樣式表來(lái)實(shí)現(xiàn)不同頁(yè)面的風(fēng)格，并且當(dāng)外部樣式表被更改時(shí)，各引用該樣式表的網(wǎng)頁(yè)風(fēng)格也隨之發(fā)生變化，不需要手工逐個(gè)修改。定義方法為：（1）定義一個(gè)外部樣式表文件（例如test.css），這個(gè)文件以”.css”為后綴，其中只需要對(duì)樣式進(jìn)行定義，不必包含<style>標(biāo)識(shí)符。（2）在需要引用的HTML文件的<head>和</head>之間通過(guò)下面語(yǔ)句對(duì)test.css文件中的樣式定義進(jìn)行引用。<linkrel=”stylesheet”href=”test.css”type=”text/css”>

CSS樣式表

三、樣式定義方法我們需要掌握的樣式定義方式有兩種，一種是對(duì)具體的標(biāo)記定義，一種是類(lèi)定義。其中超級(jí)鏈接標(biāo)記a定義特別，單獨(dú)說(shuō)明。以下將舉例說(shuō)明，其中定義方法是通用的，同樣適用于其他標(biāo)簽。1、對(duì)具體標(biāo)記定義例如：TD{font-family:”宋體”;font-size:12pt}對(duì)網(wǎng)頁(yè)中所有表格中的單元格中的文字樣式進(jìn)行定義，定義字體為宋體，字號(hào)為12磅（pt）。CSS樣式表

三、樣式定義方法2、對(duì)具體標(biāo)記的一類(lèi)進(jìn)行定義例如：p.p1{font-weight:bold;color:#00ff00;line-height:1cm;text-align:left}p.p2{font-weight:normal;color:#0000ff;line-height:20px;text-align:right}對(duì)于段落標(biāo)記p定義兩種類(lèi)型，p1類(lèi)型為文字加粗，文字顏色為綠色，行高1厘米，文字對(duì)齊方式為左對(duì)齊。p2類(lèi)型為文字正常，文字顏色為藍(lán)色，行高20象素，文字對(duì)齊方式為右對(duì)齊。p1和p2類(lèi)只適用于p標(biāo)簽，引用方式為在p標(biāo)簽中加class屬性，例如

<pclass=p1>段落一</p>，將p1類(lèi)定義應(yīng)用于段落一；<pclass=p2>段落二</p>，將p2類(lèi)定義應(yīng)用于段落二CSS樣式表

三、樣式定義方法3、通用類(lèi)定義例如：.abc{font-size:9pt;color:green;text-decoration:underline}定義一個(gè)類(lèi)abc，并沒(méi)有指定具體的標(biāo)簽，表示這個(gè)類(lèi)可以被任何合適的標(biāo)簽。例如p、font、table等等調(diào)用，其使用方法為在標(biāo)簽中添加屬性class=abc，例如<fontclass=abc>

CSS樣式表

三、樣式定義方法4、超鏈接分狀態(tài)定義超級(jí)鏈接四種狀態(tài)，超鏈未訪問(wèn)狀態(tài)（link）、超鏈已訪問(wèn)狀態(tài)（visited）、鼠標(biāo)正好移在超鏈上狀態(tài)（hover），超鏈正被點(diǎn)擊狀態(tài)（active）,我們可以對(duì)超鏈的每種狀態(tài)進(jìn)行定義。例如：A:link{color:red;font-family:”宋體”;text-decoration:none}A:visited{color:red;font-family:”宋體”;text-decoration:none}A:hover{color:green;font-family:”宋體”;text-decoration:underline}A:active{color:green;font-family:”宋體”;text-decoration:underline}對(duì)網(wǎng)頁(yè)中的A標(biāo)簽的四種狀態(tài)分別進(jìn)行定義，其中超鏈未訪問(wèn)狀態(tài)和超鏈已訪問(wèn)狀態(tài)一樣，都是文字顏色為紅色，字體為宋體，無(wú)下劃線；鼠標(biāo)正好移在超鏈上狀態(tài)和超鏈正被點(diǎn)擊狀態(tài)一樣，都是文字為綠色，字體為宋體，有下劃線。

CSS樣式表

三、樣式定義方法5、超鏈接類(lèi)定義我們也可以對(duì)網(wǎng)頁(yè)中的超鏈接定義不同的樣式，這樣就需要用到類(lèi)。例如：A.a1:link{color:rgb(0,130,0);text-decoration:none}A.a1:hover{color:rgb(0,100,0);text-decoration:none;background-color:rgb(223,255,223)}A.a1:visited{color:rgb(0,130,0);text-decoration:none};A.a2:link{color:#0000ff;font-family:”宋體”;text-decoration:underline}A.a2:visited{color:#0000ff;font-family:”宋體”;text-decoration:underline}A.a2:hover{color:#000000;font-family:”宋體”;text-decoration:none}引用方式為<aclass=a1>超鏈一</a> <aclass=a2>超鏈二</a>CSS樣式表試題練習(xí)單選題1、在HTML中加入CSS有多種方法，其中把樣式定義成一個(gè)“.CSS”文件，然后鏈接到網(wǎng)頁(yè)中，這種方法稱為（）A、直接編寫(xiě) B、外聯(lián)式樣式表 C、內(nèi)聯(lián)式樣式表 D、嵌入式樣式表BCSS樣式表試題練習(xí)單選題2、<styletype=text/css><!--.a{font-size:12pt;color:green;text-decoration:underline}--></style>以上css代碼定義了一個(gè)樣式，這個(gè)樣式的名稱是()A、a B、aaa C、abc D、a1ACSS樣式表試題練習(xí)單選題3、網(wǎng)頁(yè)源代碼head區(qū)有以下css代碼：<styletype=text/css>.abc{font-size:12pt;color:green;text-decoration:underline}</style>修改body區(qū)以下一行代碼：<p><fontsize=2>互聯(lián)網(wǎng)上有大量免費(fèi)軟件和共享軟件。</p>要求"免費(fèi)軟件"四個(gè)字使用前面css定義的樣式。哪個(gè)修改是正確的？（）A、<pclass=”a”><fontsize=2>互聯(lián)網(wǎng)上有大量免費(fèi)軟件和共享軟件。</p>B、<pclass=”abc”><fontsize=2>互聯(lián)網(wǎng)上有大量免費(fèi)軟件和共享軟件。</p>C、<p><fontsize=2>互聯(lián)網(wǎng)上有大量<spanclass=”a1”>免費(fèi)軟件</span>和共享軟件。</p>D、<p><fontsize=2>互聯(lián)網(wǎng)上有大量<spanclass=”abc”>免費(fèi)軟件</span>和共享軟件。</p>DCSS樣式表試題練習(xí)單選題4、css代碼前面必須有一個(gè)開(kāi)頭語(yǔ)句，下面語(yǔ)句哪個(gè)正確？（）A、<styletype=”text/css”>B、<styletype=”test/css”>C、<scripttype=”text/css”>D、<stylelanguage=”text/css”>ACSS樣式表試題練習(xí)單選題4、css代碼前面必須有一個(gè)開(kāi)頭語(yǔ)句，下面語(yǔ)句哪個(gè)正確？（）A、<styletype=”text/css”>B、<styletype=”test/css”>C、<scripttype=”text/css”>D、<stylelanguage=”text/css”>ACSS樣式表試題練習(xí)單選題5、如下所示在<styletype=”text/css”>和</style>之間的文本不能正常顯示出來(lái)，是因?yàn)闉g覽器比較老，不支持樣式表語(yǔ)法。若要避免這種情況的發(fā)生（）

<styletype=”text/css”> h3{ font-family:”宋體”; color:green; font-style:italic; } </style>A、必須更新新的瀏覽器B、只要加入<!--和-->代碼C、只要加入cssD、以上都不對(duì)BCSS樣式表試題練習(xí)單選題6、在HTML中加入<tablestyle=”color:red;font-size:10pt”>，此為（）。A、外聯(lián)式樣式表 B、動(dòng)態(tài)式樣式表C、內(nèi)聯(lián)式樣式表 D、嵌入式樣式表DCSS樣式表試題練習(xí)單選題7、網(wǎng)頁(yè)中設(shè)有超鏈接的文字，在鼠標(biāo)劃過(guò)時(shí)，變成淡藍(lán)色，字體也由9pt，變?yōu)?0pt，并出現(xiàn)下劃線，這是使用了（）A、動(dòng)畫(huà)效果B、加入html的css方式C、網(wǎng)站標(biāo)志D、以上都不對(duì)BCSS樣式表試題練習(xí)單選題8、使用CSS為多個(gè)網(wǎng)頁(yè)進(jìn)行相同風(fēng)格的布局和外觀設(shè)置時(shí)，為了方便對(duì)這些網(wǎng)頁(yè)進(jìn)行修改，最好使用（） A、 VBSCRIPT樣式表B、 JAVASCRIPT樣式表C、 外聯(lián)式樣式表D、 內(nèi)聯(lián)式樣式表CCSS樣式表試題練習(xí)綜合分析題1、使用CSS為外觀設(shè)置時(shí)，若想只對(duì)當(dāng)前而應(yīng)用樣式，最好使用（） A、 內(nèi)聯(lián)式樣式表B、 VBScript樣式表C、 外聯(lián)式樣式表D、 Javascript樣式表ACSS樣式表試題練習(xí)綜合分析題2、下列關(guān)于CSS樣式表作用的敘述中哪些是正確的：（）A、精減網(wǎng)頁(yè)，提高下載速度B、只需修改一個(gè)CSS代碼，就可改變頁(yè)數(shù)不定的網(wǎng)頁(yè)外觀和格式C、可以在網(wǎng)頁(yè)中顯示時(shí)間和日期D、在不同瀏覽器和平臺(tái)之間具有較好的兼容性ABDCSS樣式表試題練習(xí)操作題操作題注意1、插入一段CSS定義，首先看文件中是否已經(jīng)有<styletext=”text/css”></style>，若是沒(méi)有，先自行添加2、CSS定義代碼一般緊跟著<styletext=”text/css”>后一行或者</style>前一行插入，切勿在中間插入3、插入代碼時(shí)，要觀察代碼中的空格，不能輸錯(cuò)。一般對(duì)A標(biāo)簽進(jìn)行定義時(shí)，其后“：”前后沒(méi)有空格，例如A:link，其余的“：”“；”一般都有空格4、代碼輸入完后一定要檢查是否輸入正確，一般大小寫(xiě)不必區(qū)分CSS樣式表試題練習(xí)操作題1、在“c:\ata\……“文件夾中的index.html文件head區(qū)插入一段CSS代碼（該段代碼保存在“c:\ata\……\css代碼.txt“中），并保存。操作提示：要添加<styletype=”text/css”></style>

CSS樣式表試題練習(xí)操作題2、下列樣式表可以完成設(shè)置文字為紅色，字體為9pt，并有下劃線，要求修改c:\ata\……\ex3.htm，將下列樣式表插入該文件的適當(dāng)位置，使得窗口的主體部分顯示的“歡迎進(jìn)入機(jī)器人網(wǎng)站”變?yōu)?2pt，綠色，加下劃線。<styletype=”text/css”><!--.a{font-size:9pt;color:red;text-decoration:underline;}--></style>CSS樣式表試題練習(xí)操作題3、打開(kāi)c:\ata\……中的wy2.htm網(wǎng)頁(yè)文件，進(jìn)行編輯修改。（1）在網(wǎng)頁(yè)<HEAD>區(qū)插入如下內(nèi)聯(lián)樣式：A:link{color:#6666ff;font-family:”宋體”;text-decoration:none}A:visited{text-decoration:none}A:hover{color:#cc0033;text-decoration:underline}（2）加入網(wǎng)頁(yè)標(biāo)題“改革開(kāi)放成果”。（3）將頁(yè)面下方“尋求合作”滾動(dòng)字幕方向改為自左向右滾動(dòng)。操作提示：代碼輸入時(shí)，觀察給出的代碼中空格的使用，A后的“：”前后沒(méi)有空格，其余的“：”和“；”后都有空格

CSS樣式表試題練習(xí)操作題4、打開(kāi)c:\ata\……中的wy4.htm網(wǎng)頁(yè)文件，進(jìn)

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 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ì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論