• 自定义开发样式规范(不断更新)

    * { margin : 0 ; padding : 0 } button,input,optgroup,select,textarea { color : inherit ; font : inherit ; margin : 0 ;} button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance : button ; cursor : pointer ;} htm...

    2018-06-24 00:48:26

  • CSS3学习总结——实现瀑布流布局与无限加载图片相册

    首先给大家看一下瀑布流布局与无限加载图片相册效果图: 一、pic1.html页面代码如下 ! DOCTYPE html html head meta charset ="UTF-8" title 瀑布流布局与无限加载图片相册 / title style type ="text/css" * { margin : 0 ; padding : 0 ; } body { background : url(...

    2018-06-24 00:48:20

  • 前端学习笔记——移动前端UI选择

    一、jQuery Mobile jQuery Mobile 是jQuery在移动设备上的版本,做为主要针对移动设备的框架来说,它提供一个移动设备平台统一的接口来兼容不同的移动平台,其特性包括: 1.简单易用 2.渐进增强和优雅降级 3.Accessibility 4.小规模 5.主题设置 6.跨平台 官网:ht...

    2018-06-24 00:48:18

  • 1、Flat UI Getting started(文档翻译)

    下载链接:http://www.bootcss.com/p/flat-ui/ 一、什么是Flat UI? Flat UI 是一种漂亮的Boostrap主题。我们重新设计了它的很多组件,使得其看起来扁平化。 其中的大部分组件,都是用起来很简单的。但是,为了确保其中一些组件外观和我们想要的一样,我们最终使用了一...

    2018-06-24 00:48:16

  • Position属性四个值:static、fixed、relative、absol

    1、static(静态定位):默认值。没有定位,元素出现在正常的文档流中(如果设置 top, bottom, left, right, z-index这些属性就不起做作了)。 2、relative(相对定位):生成相对定位的元素,通过top,bottom,left,right的设置相对于其原本位置进行定位。可通过z-index...

    2018-06-24 00:48:15

  • 绝对定位元素的水平垂直居中的方法

    1.css实现居中 缺点:需要提前知道元素的宽度和高度。 1 ! doctype html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title Document / title 6 style 7 .box { 8 width : 600px ; 9 height : 400px ; 10 position : absolute ; 11 left : 50% ; top : 50% ;...

    2018-06-24 00:48:10

  • 变换菜单展示及制作

    效果图: 点击菜单 中英文切换 css样式: .top-nav { font-size: 12px; font-weight: bold; list-style: none; border-bottom: 8px solid #DC4E1B; overflow: auto; //去浮动,使下级的浮动自适应或 overflow:hidden; } .top-nav li { float: left; margin-right: 1p...

    2018-06-24 00:48:11

  • css超出2行部分省略号...

    今天做东西,遇到了这个问题,百度后总结得到了这个结果。 首先,要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性,需要记得。 但是第三条属性,只能显...

    2018-06-24 00:47:53

  • CSS中详解hight属性

    目录结构: contents structure [-] hight属性值类型一览表 height的%的使用 定义 实例 需要注意的 参考文章 hight属性值类型一览表 value describtion auto 默认 length 绝对长度 % 相对长度 inherit 继承 这里笔者主要介绍相对长度的用法,关于绝对长度读者可以参考C...

    2018-06-24 00:47:43

  • rem、px、em之间的区别以及网页响应式设计写法

    个人收藏用,转载自:http://www.w3cplus.com/css3/define-font-size-with-css3-rem 在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs....

    2018-06-24 00:47:50

2