没有合适的资源?快使用搜索试试~ 我知道了~
CSS3笔记1
需积分: 0 0 下载量 140 浏览量
2022-08-04
14:00:41
上传
评论
收藏 20.22MB PDF 举报
温馨提示
试读
113页
多背景(CSS3)凹凸文字导航栏案例文本的装饰CSS 三大特性CSS层叠性CSS继承性CSS优先级CSS特殊性(Specificity)盒子模型(CSS重点)看
资源详情
资源评论
资源推荐
CSS的发展历程
CSS 网页的美容师
CSS初识
CSS样式规则
CSS字体样式属性
font-size:字号大小
font-family:字体
CSS Unicode字体
font-weight:字体粗细
font-style:字体风格
font:综合设置字体样式 (重点)
开发者工具(chrome)
选择器(重点)
标签选择器(元素选择器)
类选择器
多类名选择器
id选择器
id选择器和类选择器区别
通配符选择器
伪类选择器
链接伪类选择器
结构(位置)伪类选择器(CSS3)
目标伪类选择器(CSS3)
CSS注释
CSS外观属性
color:文本颜色
line-height:行间距
text-align:水平对齐方式
text-indent:首行缩进
letter-spacing:字间距
word-spacing:单词间距
颜色半透明(css3)
文字阴影(CSS3)
sublime快捷方式
引入CSS样式表(书写位置)
内部样式表
行内式(内联样式)
外部样式表(外链式)
三种样式表总结
标签显示模式(display)
块级元素(block-level)
行内元素(inline-level)
块级元素和行内元素区别
行内块元素(inline-block)
标签显示模式转换 display
CSS复合选择器
交集选择器
并集选择器
后代选择器
子元素选择器
测试题
属性选择器
伪元素选择器(CSS3)
CSS书写规范
空格规范
选择器规范
属性规范
CSS 背景(background)
背景图片(image)
背景平铺(repeat)
背景位置(position)
背景附着
背景简写
背景透明(CSS3)
背景缩放(CSS3)
多背景(CSS3)
凹凸文字
导航栏案例
文本的装饰
CSS 三大特性
CSS层叠性
CSS继承性
CSS优先级
CSS特殊性(Specificity)
盒子模型(CSS重点)
看透网页布局的本质
盒子模型(Box Model)
盒子边框(border)
盒子边框写法总结表
表格的细线边框
圆角边框(CSS3)
内边距(padding)
外边距(margin)
外边距实现盒子居中
文字盒子居中图片和背景区别
清除元素的默认内外边距
外边距合并
相邻块元素垂直外边距的合并
嵌套块元素垂直外边距的合并
content宽度和高度
盒子模型布局稳定性
CSS3盒模型
盒子阴影
浮动(float)
普通流(normal flow)
浮动(float)
什么是浮动?
浮动详细内幕特性
版心和布局流程
布局流程
一列固定宽度且居中
两列左窄右宽型
通栏平均分布型
清除浮动
为什么要清除浮动
清除浮动本质
清除浮动的方法
额外标签法
父级添加overflow属性方法
使用after伪元素清除浮动
使用before和after双伪元素清除浮动
Photoshop图像处理专家
Photoshop基本使用
PS界面组成:
基本操作
移动工具 V
自由变形
图层操作(重点)
图层编组
图层上下位置移动
图层合并
图层透明度
矩形选区工具 M
颜色填充
套索工具 L
磁性套索 L
魔棒工具 W
选区布尔运算
钢笔工具: P
文字工具
Photoshop 切图
切片工具
辅助线和切片使用及清除
切图插件
项目案例: 学成网
定位(position)
为什么要用定位?
元素的定位属性
静态定位(static)
相对定位relative(自恋型)
绝对定位absolute (拼爹型)
父级没有定位
父级有定位
绝对定位的盒子没有边偏移
子绝父相
固定定位fixed(认死理型)
叠放次序(z-index)
四种定位总结
定位模式转换
元素的显示与隐藏
display 显示
visibility 可见性
overflow 溢出
CSS高级技巧
CSS用户界面样式
鼠标样式cursor
轮廓 outline
防止拖拽文本域resize
vertical-align 垂直对齐
图片和文字对齐
去除图片底侧空白缝隙
溢出的文字隐藏
word-break:自动换行
text-overflow 文字溢出
CSS精灵技术(sprite)
精灵技术产生的背景
精灵技术本质
精灵技术的使用
制作精灵图
字体图标
字体图标优点
字体图标使用流程
设计字体图标
上传生成字体包
下载兼容字体包
字体引入到HTML
滑动门
滑动门出现的背景
核心技术
伸缩布局(CSS3)
before和after伪元素
过渡(CSS3)
2D变形(CSS3)
3D变形
rotateX()
rotateY()
rotateZ()
透视(perspective)
开门案例
translateX(x)
translateY(y)
translateZ(z)
3D呈现(transform-style)
翻转盒子案例(百度钱包)
动画(CSS3)
小汽车案例
CSS的发展历程
从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控
制。最初的HTML只包含很少的显示属性。 随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显
示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。
CSS 网页的美容师
CSS的出现,拯救了混乱的HTML,当让更加拯救了我们web开发者。 让我们的网页更加丰富多彩。
CSS的最大贡献就是: 让 HTML 从样式中解脱苦海, 实现了 HTML 专注去做 结构呈现。 而样式交给 CSS 后,你
完全可以放心的早点洗洗睡了!
而且。。。。。 CSS 做的很出色,如果JavaScript是网页的魔法师,那么CSS它是我们网页的美容师,不信,你看:
ps: 你跟Angelababy只差了一个妆容的距离
来个更直观的认识吧:
剩余112页未读,继续阅读
LauraKuang
- 粉丝: 17
- 资源: 335
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0