明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

CSS重點(diǎn)知識(shí)總結(jié)

[摘要]一 概述 1.什么是CSS? Cascading Style Sheet,層疊樣式表,用于設(shè)定頁面內(nèi)容的顯示樣式。為什么使用css,優(yōu)點(diǎn)是什么? 1:【內(nèi)容】和【表現(xiàn)】相分離 HTML文件中只存放文本信息,將樣式部分放在一個(gè)獨(dú)立樣式文件中。頁面對(duì)搜索引擎更加友好。 2:提高頁面瀏覽速度 ...

一 概述

1.什么是CSS?

Cascading Style Sheet,層疊樣式表,用于設(shè)定頁面內(nèi)容的顯示樣式。


為什么使用css,優(yōu)點(diǎn)是什么?

1:【內(nèi)容】和【表現(xiàn)】相分離 HTML文件中只存放文本信息,將樣式部分放在一個(gè)獨(dú)立樣式文件中。頁面對(duì)搜索引擎更加友好。

2:提高頁面瀏覽速度 采用CSS布局的頁面容量要比TABLE布局的頁面文件容量小得多,前者一般只有后者的1/2大小。

3:易于維護(hù)和改版 只要簡(jiǎn)單的修改對(duì)應(yīng)CSS文件,就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁面。

4: 使用CSS布局更符合現(xiàn)在的W3C標(biāo)準(zhǔn) W3C組織是對(duì)網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個(gè)非贏利組織,像HTML、CSS、XML的標(biāo)準(zhǔn)就是由它來定制。


CSS樣式表的調(diào)用方式哪幾種?

1、內(nèi)部樣式:把CSS樣式表放到<head>文檔中: 格式如下:<style type=“text/css”> …… </style>

2、內(nèi)聯(lián)式:把CSS樣式表寫在HTML對(duì)應(yīng)的標(biāo)記內(nèi)。 格式如下:<p style="font-size:14pt;color:blue">藍(lán)色14號(hào)文字</p>

3、外部樣式:把編輯好的CSS文檔保存成“.CSS”文件,然后在<head>中定義。 格式如下: <head> <link rel=stylesheet href="css的文件地址">.....</head>

4、導(dǎo)入樣式:與鏈入外部樣式的功能基本相同,只是語法和實(shí)現(xiàn)方式上有差別。

格式如下: <style> @import url(css.css);</style>


2.為一個(gè)元素添加多個(gè)樣式

一個(gè)元素可以同時(shí)定義多個(gè)類,不同類之間用空格隔開,如class=“xxx01 xxx02”。

3.為子元素添加樣式

為子元素設(shè)定樣式的方式:父元素+空格+子元素{},通常時(shí)候id+class。

二 常用屬性

1.文本

  • text-align:center:文本居中。

2.內(nèi)補(bǔ)丁

  • padding:內(nèi)補(bǔ)丁,即內(nèi)部寬度。格式:padding:5px(可以定義一個(gè)值,也可以定義4個(gè)值),用于設(shè)置相鄰元素與其邊界之間的距離。

3.外補(bǔ)丁

  • margin:在對(duì)象與其他對(duì)象之間增減空白間距,增加的間距在對(duì)象外部,所以稱作外補(bǔ)丁,使用方法同內(nèi)補(bǔ)丁padding。

4.布局

overflow:當(dāng)對(duì)象的內(nèi)容超出指定范圍時(shí)設(shè)定處理措施。

  • auto:只有在必需時(shí)才采用滾動(dòng)條或者剪切。

  • hidden:不顯示超出范圍的內(nèi)容。

  • visible:默認(rèn)值,不剪切,不添加滾動(dòng)條。

  • scroll:總是顯示滾動(dòng)條。

display:改變對(duì)象的顯示方式。

  • inline-block:將對(duì)象作為內(nèi)聯(lián)對(duì)象,對(duì)象的內(nèi)容作為塊對(duì)象。通常加上width設(shè)定對(duì)象的寬度,用于對(duì)齊。

  • none:隱藏元素,該元素不占空間。

  • visibility:hidden:隱藏對(duì)象,隱藏的對(duì)象依然占據(jù)空間。

以上就是CSS重點(diǎn)知識(shí)總結(jié)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。