CSS
辰小小
微博:CRR_Claire
展开
-
【前端学习笔记】做一个模态框窗口弹出,有动画哦
内容学习自:https://www.bbsmax.com/A/WpdKQLrJVQ/CSS3有了三种特殊效果的处理方式:过渡(transition),动画(animation),变化(transform)。CSS3标准化前,各主流浏览器靠前缀提供样式支持。-webkit-transition-delay: 300ms;//webkit-o-transition-delay: 300ms;/...原创 2019-04-19 17:08:16 · 2056 阅读 · 0 评论 -
【HTML5移动开发学习笔记】08-CH12-CH13-CH14-设计移动应用程序+移动性能
CH12开始前考虑的事项1,整体受众,以此设计用户界面的外观,感觉,功能和流程。2,无论设备是什么,Web应用程序或站点都应该简洁,可理解,相关(重要信息放在屏幕顶部)。3,五类移动应用程序:有趣或严肃的生产率应用程序,有趣或严肃的沉浸类应用程序,以及实用的应用程序生产率应用程序,常用来完成重要的任务,比如阅读,撰写和分类电子邮件。倾向于以分层的方式组织信息,使用多种视图,用户界面简介...原创 2019-04-28 15:34:01 · 393 阅读 · 0 评论 -
【HTML5移动开发学习笔记】07-CH11-响应式Web的CSS特性
媒体查询,断点,流失布局@media:媒体查询断点breakpoint:就是你想改变浏览器的大小,并决定需要一种新布局,改变布局的宽度就成为断点。例如320,480,640,960多栏CSS columns属性:创建多个栏,像报纸文本一样布局。columns属性是column-count,columns-width的简写columns-rule类似于border,其属性有column...原创 2019-04-26 22:24:59 · 253 阅读 · 0 评论 -
【HTML5移动开发学习笔记】06-CH10-CSS3变换,渐变和动画
transformtransitiontranslate原创 2019-04-26 21:49:00 · 299 阅读 · 0 评论 -
【HTML5移动开发学习笔记】05-CH8-CSS与CSS3内容详解
CSS定义与语法,CSS选择器,CSS3选择器,CSS颜色值,度量单位,模块,模型与图形。盒模型,CSS渐变,阴影。原创 2019-04-26 21:13:37 · 289 阅读 · 0 评论 -
【前端学习笔记】移动端适配之我见
内容参考自:https://imweb.io/topic/5a523cc0a192c3b460fce3a5https://juejin.im/entry/5c580c02f265da2dc8493f8ahttps://www.cnblogs.com/shenxiaolin/p/5388464.html前言我们知道网页很宽,而移动设备例如手机很窄,如果不进行屏幕适配,很容易导致网页错乱。...原创 2019-04-09 16:43:48 · 271 阅读 · 0 评论 -
【前端学习笔记】BFC块级格式化上下文
参考自:作者:OBKoro1链接:https://juejin.im/post/5909db2fda2f60005d2093db来源:掘金著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block...原创 2019-04-09 14:53:40 · 252 阅读 · 0 评论 -
【CSS学习笔记】CSS动画效果实战
animation属性:animation-name :需要绑定的keyframe名称animation-duration:动画持续时间animation-timing-function:动画的运动曲线,linear,ease,ease-in,ease-out,ease-in-out,cubic-bezier(),steps()animation-delay:动画开始之前的延时anim...原创 2019-04-01 11:33:03 · 335 阅读 · 0 评论 -
【CSS学习笔记】谈谈Flex弹性布局
来自:https://juejin.im/post/5ac2329b6fb9a028bf057caf采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。默认存在两个轴,主轴和交叉轴。主轴最左端:main start -> 最右端:main ...原创 2019-03-27 15:58:51 · 702 阅读 · 0 评论 -
【前端面试笔记】CSS3篇
1,CSS3新特性圆角(border-radius) 阴影(box-shadow) 对文字加特效(text-shadow) 线性渐变(gradient) 变换(transform):rotate,scale,translate,skew//旋转,缩放,定位,倾斜 更多的CSS选择器:多背景设置,色彩模式如RGBA,伪元素::selection,媒体查询,多栏布局,图片边框2,CSS...原创 2019-03-12 20:50:51 · 239 阅读 · 0 评论 -
【前端面试笔记】HTML5篇
1,HTML5有哪些新特性,移除了哪些元素?拖放API 语义化更好的标签,例如,header,nav,footer,aside,article,section 音频视频(Audio,Video)API 画布(Canvas)API 地理(Geolocation)API 本地离线储存,长期储存,浏览器关闭后数据不丢失 会话储存,数据在浏览器关闭后自动删除 表单控件包括calendar...原创 2019-03-12 16:58:02 · 127 阅读 · 0 评论 -
【前端面试笔记】CSS篇
1,DIV居中,或浮动元素居中2,构成CSS的基本语句选择器{键值对}选择器{属性名称:属性值;……}3,display有哪些值?说明他们的作用display的值有:inline,block,none,inline-block,list-item,table和inheritblock块类型,默认宽度为父元素宽度,可设置宽高,换行显示inline行内元素类型,...原创 2019-03-12 16:12:06 · 176 阅读 · 0 评论 -
【前端学习笔记】CSS属性position以及各个属性值详解,及清除浮动的方法
position属性值:static,absolute,relative,fixed,stickystaticabsoluterelativefixedsticky原创 2019-05-06 17:09:16 · 851 阅读 · 0 评论