目录 背景与边框第一部分 背景与边框第二部分 形状 视觉效果 字体排印 用户体验 结构与布局 过渡与动画 源码下载 一、单侧阴影 box-shadow属性的应用，格式：h-shadow v-shadow blur spread color inset属性取值介绍 h-sahdow：水平阴影的位置，允许负值 v-shadow：垂...

2018-06-24 00:46:55

一 前言: wex5官方教程里，开篇即以一个input输入，output即时输出的例子，为我们展现了一个概念：可观察对象。在以后我的项目开发中，将大量运用可观察对象。 那么，问题来了： 1. 可观察对象是什么？ 2. 可观察对象能干什么？ 3.可观察对象能代替哪些工作?具有哪些优...

2018-06-24 00:46:57

1. box-shadow 合阴影， 对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色} box-shadow属性的参数设置取值： 阴影类型： 此参数可...

2018-06-24 00:46:49

CSS不像其它高级语言一样支持算术运算、变量、流程控制与面向对象特性，所以CSS样式较多时会引起一些问题，如修改复杂，冗余，某些别的语言很简单的功能实现不了等。而javascript则是一种半面向对象的动态语言，有java的影子，有C的味道，中间有比其它语言多的糟粕，使...

2018-06-24 00:46:39

移动端不同尺寸设备dpi不同，会造成1px线条不同程度的缩放，可利用媒体查询device-pixel-ratio，进行不同情况匹配： @media（-webkit-min-device-pixel-ratio:1.5）,(min-device-pixel-ratio:1.5){//dpi:1.5 .border-1px:after{ -webkit-transform:scaleY(0.7); transf...

2018-06-24 00:46:24

一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同，相同内核的版本不同，相同版本的内核浏览器品牌不一样，各种运行平台还存在差异、屏幕分辨率不一样，大小不一样，比例不...

2018-06-24 00:46:32

// 1.变量:颜色可做+- // from @nice- blue: #5B83AD; @light -blue: @nice-blue + #111 ; #header { color: @light - blue; } // to #header { color: #6c94be;} // 2.混入(Mixins)，#id,.class的样式直接添加 // from .bordered { border - top: dotted 1px black; b...

2018-06-24 00:46:37

layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前， layer已成为国内最多人使用的web弹层组件 ，GitHub自然Stars 3000+ ，官网累...

2018-06-24 00:46:10

今天，我给小白们分享一下比较流行的Bootstrap框架，它在工作中得到许多公司的青睐，因此对于升职和加薪很重要。同时，我们可以快速完成开发任务，减少发开周期，有不对的地方望大家指正。 如果你想走的更远，那么请勤劳一点，多看看代码，多多练习代码，如果你仔细研...

2018-06-24 00:46:01

一、负边距与浮动布局 1.1、负边距 所谓的负边距就是margin取负值的情况，如margin:-100px，margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下： 1.1.1、向上移动 当多个元素同时从标准流中脱离开来时，如果前一个元素的宽度为100%宽度，...

2018-06-24 00:46:05