css3学习笔记

←回主菜单

目录

选择器

属性选择器 结构性伪类选择器1 结构性伪类选择器2 UI元素状态伪类选择器 兄弟选择器

使用选择器在页面中插入内容

插入文本和图片 插入编号

文字与字体相关样式

文字阴影——text-shadow 文本换行——word-break 使用服务端字体——Web Font 显示客户端字体 使用rem单位

盒相关样式

盒的基本类型 溢出控制 盒阴影 改变元素的宽高计算方法

背景和边框相关样式

背景的新增属性 渐变背景 圆角边框的绘制 使用边框图像

CSS3中的变形处理

2D变形 3D变形 变形矩阵

CSS3中的动画功能

Transitions动画 animations动画

布局相关样式

多列布局 盒布局 弹性盒布局1 弹性盒布局2 弹性盒布局3 弹性盒布局4 calc计算方法

媒体查询相关样式

根据不同浏览器宽度选择样式

CSS3其他重要样式和属性

颜色相关样式 用户界面相关样式和initial 图像滤镜效果

综合练习

某网站首页 某订单界面