- 学完这个课程你就可以随意布局各种页面
第1关：DIV+CSS页面布局 开始学习
测试:DIV+CSS布局课前知识点回顾
任务:1.DIV+CSS布局介绍
任务:2.浮动属性
任务:3.头部简单布局及font字体图片使用
任务:练习一
任务:4.定位属性
任务:5.display属性
任务:练习二
任务:6.标准盒模型与怪异盒模型
任务:练习三
任务:7.学习猿地官网页面布局
任务:8.学习猿地首页内容模块布局及页面底部编写
任务:9.学习猿地首页头部内容补全
任务:10.学习猿地首页内容制作
作业:CSS第六关DIV+CSS布局通关作业
任务:CSS第六关相关资料(笔记、源码)
第3关：伸缩盒模型布局＋移动端布局 开始学习
测试:CSS第八关伸缩盒+响应式布局课前知识点回顾
任务:1.伸缩盒介绍
任务:练习一
任务:2.使用伸缩盒布局方式布局学习猿地课程列表页
任务:3.学习猿地课程列表页头部内容填写
任务:4.学习猿地课程列表页内容模块填写
任务:5.学习猿地课程列表页底部制作
任务:6.响应式介绍
任务:练习二
任务:7.响应式方式布局学习猿地课程列表页头部
任务:8.响应式方式布局学习猿地课程列表页内容模块
任务:9.响应式方式布局学习猿地课程列表页底部
作业:CSS第八关伸缩盒+响应式布局通关作业
任务:CSS第八关伸缩盒+响应式布局相关资料(源码、课件)
DIV+CSS页面布局笔记
DIV+CSS页面布局笔记
页面布局常用标签
div 无意义块状元素标签
span无意义行内元素标签
p 段落 ul 无序列表 a 超链接 li 列表项
img 图片 i 斜体标签 b 粗体标签
页面布局常用选择器
id选择器 ： #id
类选择器 ： .class
关系选择器： div p 、 div>p 、 div .p
伪类选择器：hover
结构性伪类选择器： E:after、E:before、E:nth-child{}、E:first-child、E:last-child
页面布局常用属性（1）
字体属性 font-size
文本属性：text dccoration 、 text-align
首行缩进：text-indent
行高：line-height
宽高属性：width、height\min-height、max-height
背景属性：background
列表属性：list-style
字体颜色：color
页面布局属性应用（
DIV+CSS笔记
111
11111
111
推荐好课（试听）
JavaWeb项目实战全程实录#学完你就可以自己用Java做项目了
Java 实战 10349
WebAPI之DOM实战教程#JavaScript的核心技术
前端 中级 9208
大数据离线计算的架构与组件#Hive数据仓库工具
大数据 实战 8790
Web前端页面各种布局方式全攻略#实战全程实录
前端 实战 8203
C4D三维立体设计全套课程#C4D字体案例实战
UI/UE 中级 6363
生产环境下的LAMP环境搭建#全部应用最新版本软件
Linux 中级 7558
Composer包管理工具精讲及搭建自己的PHP开发框架
PHP 实战 8844
Python爬虫项目实战全程实录#数据采集就都不是事儿了
Python 实战 9271
xxyd_php
辅导猿
xxyd_h5x
辅导猿
| 学习资料 | 内容数量 |
|---|---|
| 任务数量 | 90 关 |
| 视频教程 | 270 小时+ |
| 教学案例 | 630 个+ |
| 辅助资料 | 270 个+ |
| 练习作业 | 380 个+ |
| 阶段测评 | 1400 道+ |
A.君莫笑 好
是你吖 好
xky-1 好
13478993703 好
刀刀 好
charleyCC 好
