• >>我要做特工系列 之 CSS 3_animation_

    新手入门还没有正式发点啥东西,都是在装潢博客这个家了,到现在为止还是没有装修好。。熟悉了这边的发布规范之后会持续在这里记录,给自己留下学习的脚印~ 这正式的第一篇随笔写个使用css3的动画效果。 总感觉电影里特工那种酷炫的应用界面很舒服,开始尝试用css3做一...

    2018-06-24 01:42:46

  • 阿里云通过访问地址来缩小图片,减少流量消耗

    原图看起来非常的大 在地址后加一句话 ?imageView2/2/w/702/h/360/q/75|imageslim 意思是将尺寸调至宽702px,高360px显示 效果如下图...

    2018-06-24 01:42:45

  • MVC MVP MVVM 图解

    1、MVC (1)图解 解释: 视图(View):用户界面。 控制器(Controller):业务逻辑 模型(Model):数据保存 各部分之间的通信方式如下: View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈 所有...

    2018-06-24 01:42:45

  • 清除浮动的原理和方法

    问题的由来: 在CSS规范中,浮动定位是脱离元素正常流的。所以,只要含有浮动元素的父容器,在显示时不考虑子元素的位置,就当它们不存在一样。这就造成了显示出来,父容器好像空容器一样。 比如下面代码: 1 div class ="box" 2 div style ="float:left;width:100px;h...

    2018-06-24 01:42:44

  • 20170802,css样式优先级

    样式的优先级 多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。 一般情况下,优先级如下: (外部样式)External style sheet (内部样式)Internal style sheet (内联样式)Inline style 选择器的优先权...

    2018-06-24 01:42:39

  • 三个实用的提升网页性能技巧

    1、 display属性设置 先将元素设为 display: none (需要1次重排和重绘),然后对这个节点进行100次操作,最后再恢复显示(需要1次重排和重绘)。这样一来,你就用两次重新渲染,取代了可能高达100次的重新渲染。 只在必要的时候,才将元素的display属性为可见, 因为...

    2018-06-24 01:42:43

  • 移动端纯CSS3制作圆形进度条所遇到的问题

    近日在开发的页面中,需要制作一个动态的圆形进度条,首先想到的是利用两个矩形,宽等于直径的一半,高等于直径,两个矩形利用浮动贴在一起,设置overflow:hidden属性,作为盒子,内部有一个与其宽高相等的子盒子,左侧的子盒子左上角和左下角以及右侧子盒子的右上角...

    2018-06-24 01:42:40

  • bootstrap导航栏的辛酸史

    昨天本来想完成test10的页面内容的,但是给老铁拉出去打麻将呢。不过还好昨天写了一些内容。现在奉上。不作更改。 今天完成的事情:(实现了test9的响应式导航栏的垂直平分和下拉列表的居中问题。) 我觉得最麻烦的就是要在bootstrap的格式下修改。我弄了好多次demo来...

    2018-06-24 01:42:37

  • 【干货】Html与CSS入门学习笔记9-11

    九、盒模型 与元素亲密接触 1、盒模型 css将每个元素都看做一个盒子,包括以下属性: 内容区content area:包含内容,内容可以决定大小,也可以自行设定宽度和高度。元素的width属性指定的就是内容区宽度,可以按像素指定也可以按百分比相对于元素所在容器如body div...

    2018-06-24 01:42:27

  • 用css3的cursor:zoom-in/zoom-out实现微博看图片放大

    1.前言 CSS3的出现解决了很多让人头疼的问题,至少我想很多童鞋都这样认为。css3的cursor属性大家用的应该是非常的多的,我想用的比较多的像cursor:pointer;cursor:help;cursor:text;等等。很少人用到cursor:zoom-in/zoom-out;今天就来讲一下这两个属性值的用法。 2.简...

    2018-06-24 01:42:30

2