名稱說(shuō)明主體de_container面包屑導(dǎo)航crumb_wrap產(chǎn)品介紹product_intro ( introduction介紹)預(yù)覽包preview_wrap(左...
名稱說(shuō)明主體de_container面包屑導(dǎo)航crumb_wrap產(chǎn)品介紹product_intro ( introduction介紹)預(yù)覽包preview_wrap(左...
知識(shí)點(diǎn) -獲得焦點(diǎn)元素 :focus 偽類 選擇器用于選取獲得焦點(diǎn)的元素 。 我們這里主要針對(duì)的是 表單元素 :hover 語(yǔ)法: border: 1px solid #cc...
6). 知識(shí)點(diǎn) -過(guò)渡(CSS3) 過(guò)渡(transition)是CSS3中具有顛覆性的特征之一,我們可以在不使用 Flash 動(dòng)畫(huà)或 JavaScript 的情況下,當(dāng)元素...
CSS高級(jí)技巧 目標(biāo) 理解能說(shuō)出元素顯示隱藏最常見(jiàn)的寫法能說(shuō)出精靈圖產(chǎn)生的目的能說(shuō)出去除圖片底側(cè)空白縫隙的方法 應(yīng)用能寫出最常見(jiàn)的鼠標(biāo)樣式能使用精靈圖技術(shù)能用滑動(dòng)門做導(dǎo)航欄案...
建議遵循以下順序: 布局定位屬性:display / position / float / clear / visibility / overflow(建議 display ...
1. 浮動(dòng)(float) 目標(biāo) 記憶能夠說(shuō)出 CSS 的布局的三種機(jī)制 理解能夠說(shuō)出普通流在布局中的特點(diǎn)能夠說(shuō)出我們?yōu)槭裁从酶?dòng)能夠說(shuō)出我們?yōu)槭裁匆宄?dòng) 應(yīng)用能夠利用浮動(dòng)...
今日重點(diǎn): 復(fù)合選擇器后代選擇器并集選擇器 標(biāo)簽顯示模式 CSS背景背景位置 CSS三大特性優(yōu)先級(jí) 1. CSS復(fù)合選擇器 目標(biāo) 理解理解css復(fù)合選擇器分別的應(yīng)用場(chǎng)景 應(yīng)用...
CSS字體樣式屬性調(diào)試工具 目標(biāo) 應(yīng)用使用css字體樣式完成對(duì)字體的設(shè)置使用css外觀屬性給頁(yè)面元素添加樣式使用常用的emment語(yǔ)法能夠使用開(kāi)發(fā)人員工具代碼調(diào)試 1.fon...
第01階段.前端基礎(chǔ).CSS基礎(chǔ)選擇器 CSS選擇器(重點(diǎn)) 學(xué)習(xí)目標(biāo): 理解能說(shuō)出選擇器的作用id選擇器和類選擇器的區(qū)別 應(yīng)用能夠使用基礎(chǔ)選擇器給頁(yè)面元素添加樣式 1. C...
第01階段.前端基礎(chǔ).CSS初識(shí) CSS層疊樣式表 學(xué)習(xí)目標(biāo) 理解css的目的作用css的三種引入方式 應(yīng)用css三種引用方式的書(shū)寫通過(guò)樣式規(guī)則給標(biāo)簽添加簡(jiǎn)單的樣式 1.HT...
表格、表單、列表 能夠利用表格、列表和表單完成注冊(cè)頁(yè)面的綜合案例 能出說(shuō)表格用來(lái)做什么的 能說(shuō)出列表用來(lái)做什么的 能說(shuō)出表單用來(lái)做什么的 為了讓我們頁(yè)面顯示的更加整齊,我們需...
1.HTML常用標(biāo)簽 首先 HTML和CSS是兩種完全不同的語(yǔ)言,我們學(xué)的是結(jié)構(gòu),就只寫HTML標(biāo)簽,認(rèn)識(shí)標(biāo)簽就可以了。 不會(huì)再給結(jié)構(gòu)標(biāo)簽指定樣式了。 HTML標(biāo)簽有很多,這...
HTML 初識(shí) 1. 定義 HTML 指的是超文本標(biāo)記語(yǔ)言是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。 HTML 不是一種編程語(yǔ)言而是一種標(biāo)記語(yǔ)言 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽所謂超文本,有2層含義...
認(rèn)識(shí)WEB WEB標(biāo)準(zhǔn) web標(biāo)準(zhǔn)三層組成主要包括結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)、行為(Behavior)三個(gè)方面。image.png web標(biāo)...