CSS重點(diǎn)知識(shí)總結(jié)
發(fā)表時(shí)間:2024-01-01 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]一 概述 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.文本
2.內(nèi)補(bǔ)丁
3.外補(bǔ)丁
4.布局
overflow:當(dāng)對(duì)象的內(nèi)容超出指定范圍時(shí)設(shè)定處理措施。
display:改變對(duì)象的顯示方式。
以上就是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)站。