微信读书
操作笔记 07 08
2023-06-25 15:54:11(开始)
2023-06-28 08:59:36(html5 结束)
2023-06-29 07:58:42(css3 结束)
结构元素
1 |
|
表单元素
1 |
|
其他元素
1 |
|
新增公共属性
1 |
|
新增表单属性
1 |
|
元素拖动
1 |
|
文件操作
1 |
|
本地存储
1 |
|
视频音频
1 |
|
canvas
1 |
|
———————
css3简介
1 |
|
浏览器前缀
1 |
|
属性选择器
1 |
|
子元素伪类选择器
1 |
|
UI伪类选择器
1 |
|
文本样式
1 |
|
opacity rgba
1 |
|
css3渐变
1 |
|
边框样式
1 |
|
3D卡通头像
1 |
|
背景样式
1 |
|
CSS3变形
1 |
|
CSS3过渡
1 |
|
CSS3动画
1 |
|
多列布局
1 |
|
列数 column-count
1 |
|
列宽 column-width
1 |
|
间距 column-gap
1 |
|
边框 column-rule
1 |
|
跨列 column-span
1 |
|
实战题:瀑布流布局 html静态
1 |
|
实战题:瀑布流布局 jQuery动态
1 |
|
滤镜效果
1 |
|
弹性盒子模型
1 |
|
放大比例 flex-grow
1 |
|
缩小比例 flex-shrink
1 |
|
元素宽度 flex-basis
1 |
|
复合属性 flex
1 |
|
排列方向 flex-direction
1 |
|
多行显示 flex-wrap
1 |
|
复合属性 flex-flow
1 |
|
排列顺序 order
1 |
|
水平对齐 justify-content
1 |
|
垂直对齐 align-items
1 |
|
实战题:水平居中和垂直居中
1 |
|
实战题:伸缩菜单-不同设备
1 |
|
实战题:gif实现 v1 固定比例缩小
1 |
|
实战题:gif实现 v2 动态比例缩小 进度条
1 |
|
实战题:gif实现 v3 动态比例缩小 浏览器窗口变化
1 |
|
实战题:gif实现 v4 奥特曼图片
1 |
|
outline 外轮廓
1 |
|
initial CSS属性默认值
1 |
|
calc()函数
1 |
|
overflow-x overflow-y
1 |
|
pointer-events 禁用鼠标点击
1 |
|
总结
1 |
|