1.CSS層疊樣式表:控制網(wǎng)頁(yè)樣式的一門語(yǔ)言
2.CSS作用
<1>修飾美化html網(wǎng)頁(yè)
<2>外部樣式表可以提高代碼復(fù)用性從而 提高工作效率
<3>html內(nèi)容與樣式表現(xiàn)分離,便于后期維護(hù)
3.CSS語(yǔ)法規(guī)則
選擇器:{屬性:值,屬性:值...}
4.CSS使用方式
內(nèi)聯(lián),內(nèi)部,外部樣式,優(yōu)先級(jí)是內(nèi)聯(lián)樣式>內(nèi)部樣式>外部樣式,就近原則
內(nèi)聯(lián)方式:把CSS樣式嵌入到html標(biāo)簽當(dāng)中,類似屬性的用法,好處是可以單獨(dú)設(shè)置某個(gè)元素樣式,缺點(diǎn)是不利于樣式重用
內(nèi)部樣式:在head標(biāo)簽中使用style標(biāo)簽引入css
好處:可以控制頁(yè)面中多個(gè)元素樣式,缺點(diǎn)是只能一個(gè)頁(yè)面使用
外部樣式:將css單獨(dú)抽成一個(gè)單獨(dú)文件,誰(shuí)用誰(shuí)引用,好處是多個(gè)頁(yè)面可以同時(shí)引用
5.選擇器
基本選擇器:標(biāo)簽 id class,優(yōu)先級(jí)是id,class,標(biāo)簽
屬性選擇器
偽類選擇器
層級(jí)選擇器
其他選擇器 * h1,h2,h3
6.CSS屬性
字體和文本屬性
背景屬性
列表屬性
尺寸顯示輪廓
浮動(dòng)屬性
定位屬性
7.盒子模型
border:邊框
padding:內(nèi)邊距
margin外邊距
8.CSS3擴(kuò)展屬性
圓角border-radius
盒子陰影box-shadow
背景圖片大小background-size
背景圖片background-image
文本陰影 text-shadow
HTML
html:超文本標(biāo)記語(yǔ)言,作用是制作網(wǎng)頁(yè)
<html>
<head>
</head>
<body>
</body>
</html>
基本標(biāo)簽
<1>結(jié)構(gòu)標(biāo)簽html,head,title,body
<2>排版p,br,hr
<3>標(biāo)題h1-h6
<4>容器 div span
<5>列表 ul ol dl
<6>表格 table
<7>圖片 img
<8>超鏈接 a
<9>格式化標(biāo)簽
表單標(biāo)簽:form
action 表單提交的服務(wù)器地址
method 提價(jià)方式 get post
enctype 編碼類型
表單元素:input
teye:text password radio chechbox button submit reset image file hidden email
select 下拉列表
textarea 文本域
框架標(biāo)簽
frameset rows cols frame
內(nèi)聯(lián)框架 iframe
其他標(biāo)簽
metalink script
特殊字符
JavaScript
1.JavaScript是一門解釋性腳本語(yǔ)言,動(dòng)態(tài)添加,弱類型語(yǔ)言
2.定義變量 var n=10;
3.JavaScript包括基本(原始)類型,引用(對(duì)象)類型
原始類型:number boolean string undefined null
對(duì)象類型Object(person) Array String Number Boolean RegExp
4.運(yùn)算符 ===
5.選擇(if()) switch for循環(huán) while dowhile
6.函數(shù)和事件
自定義函數(shù) function
匿名函數(shù)
系統(tǒng)函數(shù):alert() confirm() prompt() parseInt() parseFloat() isNaN();
事件:onchange onclick onmouseover onmouseout onkeydown onload
7.字符串
8.正則表達(dá)式:是描述字符模式的對(duì)象,正則表達(dá)式用于對(duì)字符串模式匹配及檢索替換,是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具
@千鋒.
