- 開發(fā)環(huán)境準(zhǔn)備
- 第一個(gè)網(wǎng)頁(yè)
- 語(yǔ)義化
- 【袁老師有話說(shuō)】
- 文本元素
- HTML實(shí)體
- a元素
- 路徑的寫法
- 圖片元素
- 多媒體元素
- 列表元素
- 容器元素
- 元素包含關(guān)系
- 簡(jiǎn)短而重要的一節(jié)
- 為網(wǎng)頁(yè)添加樣式
- 常見樣式聲明
- 選擇器
- 層疊
- 繼承
- 屬性值的計(jì)算過(guò)程
- 盒模型
- 盒模型應(yīng)用
- 【學(xué)習(xí)須知】
- 行盒盒模型
- 常規(guī)流
- 常規(guī)流練習(xí)
- 浮動(dòng)
- 浮動(dòng)練習(xí)
- 定位
- 定位練習(xí)1 - 二級(jí)菜單
- 定位練習(xí)2-彈出層
- 定位練習(xí)3-輪播圖
- 更多的選擇器
- 更多的樣式
- 背景圖練習(xí)
- iframe元素
- 在頁(yè)面中使用flash
- 表單元素
- 美化表單元素
- 表單練習(xí)
- 表格元素
- 其他元素
- @規(guī)則
- web字體和圖標(biāo)
- 塊級(jí)格式化上下文
- 布局
- [擴(kuò)展]浮動(dòng)的細(xì)節(jié)規(guī)則
- [擴(kuò)展]行高的取值
- [擴(kuò)展]body的背景
- 行盒的垂直對(duì)齊
- [擴(kuò)展]參考線-深入理解字體
- 堆疊上下文
- [擴(kuò)展]svg
- [擴(kuò)展]數(shù)據(jù)鏈接
- 瀏覽器兼容性
- 居中總結(jié)
- 樣式補(bǔ)充
- [重要]項(xiàng)目開發(fā)注意事項(xiàng)
- 工程搭建
- 制作頁(yè)面頭部
- 登錄注冊(cè)區(qū)域
- 橫幅區(qū)域
- 熱點(diǎn)
- 豆瓣時(shí)間和視頻
- 豆瓣電影
- 小組和讀書
- 豆瓣音樂(lè)
- 豆品和同城
- 頁(yè)腳-完結(jié)撒花
- 結(jié)語(yǔ)
要想學(xué)習(xí)前端設(shè)計(jì)這些高端的東西,html+css這是必須要學(xué)的。這東西是基礎(chǔ)。
學(xué)習(xí)目標(biāo):讓你掌握HTML5和CSS3知識(shí)體系及UI設(shè)計(jì)、經(jīng)典布局等必備技能
授課對(duì)象:
對(duì)編程感興趣的你
無(wú)基礎(chǔ)無(wú)經(jīng)驗(yàn)的你
想要從零開始學(xué)習(xí)HTML5和CSS3的你
學(xué)生/在職人員均可,職業(yè)不限
教程說(shuō)明:
教學(xué)內(nèi)容主要涉及:HTML5的布局和框架、表單、視頻和音頻、Canvas、Web 存儲(chǔ)、可編輯內(nèi)容、拖放等,課程將會(huì)帶你感受真實(shí)的HTML5+CSS3開發(fā)場(chǎng)景,推薦希望零基礎(chǔ)轉(zhuǎn)行前端工程師的同學(xué)學(xué)習(xí)。
本課程主要目標(biāo)是教給大家:
1)HTML和CSS能干什么?
2)HTML和CSS是什么?
3)HTML和CSS怎么用,這里會(huì)講解最常用到的HTML和CSS的使用規(guī)則
4)一步一步開發(fā)一個(gè)響應(yīng)式的頁(yè)面
