复习css3

text-shadow 可以生成多个阴影
box-shadow inset/outset 两种阴影类型

text-overflow 设置框内水平方向的文本溢出显示 在white-space: nowarp 不能换行时最有效 参数有 ellipsis/hidden letter-spacing/word-spacing –> 类似功能不同的作用对象

background-image/repeat/position 可以同时指定多个背景图片

rgb/rgba

hsl/hsla H(色调) S(饱和度) L(亮度) A(alpha通道值)

自动拉伸元素 overflow: auto; resize: both; –> 会不会破坏流

打印中@page属性 检索或指定显示对应容器时使用的页面类型–>不常用

orientation:portrait | landscape –> media query中针对设备是水平还是竖直放置定义不同的样式

@support –> 用于检测浏览器中是否支持某条css样式规则

c3中的分辨率 布局 以及 频率 时间 角度 仅定义了对应类型的参数值

hsl中亮度 如果为最高 会覆盖其他颜色 使得页面只有白色页面

currentColor –> 使用在属性值中 当前元素中所有具备currentColor的元素 其元素的色值 都会继承自当前元素中的color值 作为一个可以被替换的参数值使用

unset –> 参数值的作用是擦除当前属性的对应属性值 使其恢复到该属性值的默认属性

使用attr() IE8+兼容 –> 直接获取到对应标签中的属性名称的属性值 可以直接更换对应的content值 仅在对应标签是双标签闭合的时候生效(主要是看对应的元素是不是 具有after和before这两个伪类元素的设定) 

css hack中 应该使用混合以及条件单独配置 其中的条件选择 同时可以对资源文件的加载生效

flex以及column 分别功能整理

控制元素的content替换方式 object-fit –> 定义一个元素占用其他元素填充对应的content-box时候所展示的尺寸的计算方式(并非这个盒子的尺寸而是这个盒子中替换内容的尺寸) 类似背景图片相对于背景中的background-size值 object-position相当于background-position一样 可以设置元素在放入content中之后 在其中的相对位置

清除浏览中特定的img占位符 使用visiblity:hidden 将当前图片进行隐藏,然后通过after和before两个伪类对 图片的内容进行占位显示

可以使用雪碧图来进行 数字转换的动态效果
使用object-fit来实现的雪碧图效果
兼容至IE7的两端对齐

vertical-align 可以使用数值或者百分比作为参数 使用数值之后可以应用动画效果

通过对点元素进行 –> 是否为5.1规范? 设置content中有多个点元素 每个单行展示的点元素之间使用\A进行分割 需要设定white-space: pre-warp(将content格式化之后 如果内容超出边界内容则进行换行) 动画上下移动 来进行实现加载中的点 依次展示的动态效果 –> 加载中. .. … CR–>回车 LF–>换行 –> \r 与 \n 的区别 使用::before就是为了 让每一个点能够对齐

使用padding属性来设置 元素之间的分割线