没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
《CSS3》学习笔记
目录
1 CSS3 简介 ................................................................................ 2
2 css3 新增属性 ......................................................................... 3
2.1 新增服务器字体.............................................................................................................3
2.2 新增文本相关属性.........................................................................................................3
2.3 新增背景属性.................................................................................................................5
2.4 新增盒子模型属性.........................................................................................................8
2.5 变形属性.......................................................................................................................11
3 CSS 新增选择器 .................................................................... 14
3.1 兄弟选择器...................................................................................................................14
3.2 属性选择器...................................................................................................................14
3.3 伪类选择器...................................................................................................................14
3.4 伪元素选择器...............................................................................................................14
4 过渡和动画 ..........................................................................15
4.1 过渡...............................................................................................错误!未定义书签。
4.2 动画...............................................................................................错误!未定义书签。
1 CSS3 简介
CSS3 的主要优势是能够使得网页变得更加炫酷,之前需要用 js 才能实现的效果
现在用 css3 就可以轻松实现。
css3 主要就是在 css2 的基础上增加了一些选择器和属性,并且完全向后兼容。
2 css3 新增属性
2.1
新增服务器字体
css3 之前是能使用本地字体,css3 可以使用服务器字体。
<style>
@font-face
{
font-family: myFont;
src: url(sansation_light.woff);
}
div
{
font-family:myFont;
}
</style>
2.2 新增文本相关属性
属性
含义
取值
text-overflow
文本溢出处理方式
clip/ellipsis
word-break
自动 换行方式
normal/break-all/keep-all
normal 使用浏览器默认的换行规则。
break-all 允许在单词内换行。
keep-all 只能在半角空格或连字符处
换行。
word-wrap
单词换行方式
normal/break-word
normal 只在允许的断字点换行(浏览器
保持默认处理)。
break-word 在长单词或 URL 地址内部
进行换行。
Hooray! It's snowing! It's time to make a snowman.James runs out. He makes a big pile of snow. He puts a big snowball on top. He
adds a scarf and a hat. He adds an orange for the nose. He adds coal for the eyes and buttons.In the evening, James opens the door.
What does he see? The snowman is moving! James invites him in. The snowman has never been inside a house. He says hello to the
cat. He plays with paper towels.A moment later, the snowman takes James's hand and goes out.They go up, up, up into the air! They
are flying! What a wonderful night!The next morning, James jumps out of bed. He runs to the door.He wants to thank the snowman. But
he's gone.
剩余18页未读,继续阅读
资源评论
前端小乔
- 粉丝: 1
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功