- 学完这个课程你就可以随意布局各种页面
第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页面布局笔记
在css中，设置背景图片时，能在同一个元素下设置多个背景图吗?
可以
阴影配置
box-shadow： 1px 1px 3px 10px 颜色
水平 垂直 模糊度 外延值 颜色
正值水平大于垂直向右移动 ，负值向左
正值垂直大于水平向下移动，负值向上
box-shadow
可以添加多个阴影使用逗号分开。
inset 内置阴影写到最后，配合hover
6个参数
水平 垂直 模糊度 外延值 颜色 内置阴影
圆角笔记
8个值： 垂直与水平
4个值： 垂直与水平 一个参数
2个值： 对角线
1个值： 四个角
圆角实心实现： 设置border-left 然后设置圆角。
CSS动画笔记-前缀
很多CSS4已经可以使用了，需要定义前缀，每个浏览器中的内容是不一样的。厂商前缀。
内核：
Gecko firefox -moz-
Webkit chrome -webkit-
Trident IE -ms-
Presto opera -o-
CSS动画笔记
元素内容水平垂直居中 padding:10px
overflow 设置水平和垂直方向的溢出显示
父元素感知子元素存在： overflow 父元素浮动
z-index定位元素Z轴距离
绝对定位： 其他元素为参照物 不会占用空间
display
display 确定元素类型， 块元素与行内元素转换。
none： 隐藏对象 不占用空间
visibility: hidden 隐藏占据位置
visibility:visible 只能用此显示
inline ： 行内元素
block ： 块元素
inline-block： 行内块元素，宽高属性都有，不会独占一行。
table-cell ： 变为单元格处理
还是使用float居多
推荐好课（试听）
JavaWeb项目实战全程实录#学完你就可以自己用Java做项目了
Java 实战 5275
Bootstrap从入门到实战三天精品课程
前端 实战 2813
PHP项目开发全程实录【已完结】
PHP 实战 3185
WebAPI之DOM实战教程#JavaScript的核心技术
前端 中级 3195
Web前端页面各种布局方式全攻略#实战全程实录
前端 实战 2893
C4D三维立体设计全套课程#C4D字体案例实战
UI/UE 中级 1907
生产环境下的LAMP环境搭建#全部应用最新版本软件
Linux 中级 2929
Python爬虫项目实战全程实录#数据采集就都不是事儿了
Python 实战 3703
xxyd_php
辅导猿
xxyd_h5x
辅导猿
| 学习资料 | 内容数量 |
|---|---|
| 任务数量 | 90 关 |
| 视频教程 | 270 小时+ |
| 教学案例 | 630 个+ |
| 辅助资料 | 270 个+ |
| 练习作业 | 380 个+ |
| 阶段测评 | 1400 道+ |
A.君莫笑 好
是你吖 好
xky-1 好
13478993703 好
刀刀 好
charleyCC 好
