css3基础
文章平均质量分 53
浅色流年
当我不在写代码,请@我
展开
-
01_css3简介
规范css规范css规范javascript规范ECMA规范ECMA262 js相关的标准ECMA404 json规范DOM规范BOM没有规范什么是css3CSS3 是级联样式表 / 层叠样式表(Cascading Style Sheets)语言的最新进化,旨在扩展CSS2.1。狭义上,我们可以认为css3是所有级别为3的css特性的集合。广义上...原创 2018-10-05 01:38:52 · 516 阅读 · 0 评论 -
02_自定义字体
图片分类位图矢量图自定义字体font-face:允许网页开发者为其网页指定在线字体。通过这种作者自备字体的方式,可以消除对用户电脑字体的依赖。@font-face{ font-family 所指定的字体名字将会被用于font或font-family属性 src 字体资源}注意:不能在一个 CSS 选择器中定义 @font-face<style typ...原创 2018-10-05 01:46:51 · 229 阅读 · 0 评论 -
03_css3新的UI方案
新的UI方案之文本新增样式opacityopacity属性指定了一个元素的透明度默认值:1.0 不可继承可选值:0-10表示完全透明,1表示完全不透明,0.5半透明IE8及以下的浏览器不支持该样式,可以使用滤镜来代替filter:alpha(opacity=值)这里值需要一个0-100之间的值,0相当于完全透明,100完全不透明。新增颜色模式rgbatext-s...原创 2018-10-05 13:50:00 · 163 阅读 · 0 评论 -
04_css3过渡
transition众所周知,css效率极高,其变化的过程往往都是在一瞬间完成,速度极快。CSS transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。比如,将一个元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色,按照一定的曲线速...原创 2018-10-05 16:02:26 · 131 阅读 · 0 评论 -
05_css3中的变形(变换)
2D变形(transform)transform 属性允许修改CSS视觉格式模型的坐标空间transform 属性 , 只对 block 级元素生效!旋转(rotate):transform:rotate(angle); 正值:顺时针旋转 rotate(360deg)负值:逆时针旋转 rotate(-360deg)只能设单值。正数表示顺时针旋转,负数表示逆时针旋转平移(t...原创 2018-10-05 16:22:55 · 265 阅读 · 0 评论 -
06_css3中的Animation(动画)
Animation(动画)人类具有视觉暂留的特性,人的眼睛在看到一幅画或一个物体后,在0.34秒内不会消失。动画原理:通过把人物的表情、动作、变化等分解后画成许多动作瞬间的画幅,利用视觉暂留的原理,在一幅画还没有消失前,播放下一幅画。就会给人造成一种流畅的视觉变化效果。css3动画使元素从一种样式逐渐变化为另一种样式的效果animation属性是一个简写属性形式: (可以用来描述可动画...原创 2018-10-06 14:48:20 · 224 阅读 · 0 评论 -
07_flex布局总结
flex frog练习http://flexboxfroggy.com/flex基础点什么是容器,什么是项目,什么是主轴,什么是侧轴?采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。容器所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。主轴与侧轴由flex-direction/-webkit-box-ori...原创 2018-10-06 15:05:18 · 305 阅读 · 0 评论 -
08_响应式布局
响应式布局核心 CSS3媒体查询选择器@media 媒体类型 and(关键字) 带条件的媒体属性 and 带条件的媒体属性 { //规则(选择器+规则)}媒体类型 all screen print 媒体属性 width:浏览器的窗口尺寸 device-width:设备尺寸 device-pixel-ratio(必须加webkit前缀):像素比 ---以上三个媒体属性...原创 2018-10-06 15:06:41 · 93 阅读 · 0 评论