标签:css

CSS

box-shadow与filter的drop-shadow

3

Coder.Bing 发布于 2016-08-31-13-12

box-shadow与filter的drop-shadow的使用方法介绍,以及他们的使用实际例子… 同样的参数值,表现效果有差异 filter中的drop-shadow语法如下 filter: drop-shadow(x偏移, y偏移, 模糊大小, 色值); <!DOCTY...

阅读(162)评论(0)赞 (0)

CSS

Sass配合Compass的使用

2

Coder.Bing 发布于 2016-06-07-09-49

原文地址:http://w3c.bcoder.cn/48.html Sass的安装: 1.安装:SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。 假定你已经安装好了Ruby,接着在命令行输入下面的命令: ge...

阅读(89)评论(0)赞 (0)

CSS

css flex布局

3

Coder.Bing 发布于 2016-06-05-08-22

原文地址:《w3c前端开发者》> css flex弹性布局详解 今天在帮公司做官网后台,其中某处就涉及到flex布局,所以这里就来总结下,而之前的“最毕设”后台也是因为布局问题而采用了居中的做法,类似于微信公众号后台布局,做起来比较得心应手。 一般布局传统解决方案,基于盒状...

阅读(176)评论(0)赞 (0)

CSS

css flex布局详解

16

Coder.Bing 发布于 2016-06-04-16-36

网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局...

阅读(113)评论(0)赞 (0)

CSS

DIV高度100%无效原因

Coder.Bing 发布于 2016-05-25-03-05

当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗? 按常理,当我们用CSS的height属性定义一个元素的高度时,这个元素应该按照设定在浏览器的纵向...

阅读(120)评论(0)赞 (0)

CSS

使用sass+compass编写前端页面(入门篇)

1

Coder.Bing 发布于 2016-05-18-03-51

SASS是Syntactically Awesome Stylesheete Sass的缩写,它是css的一个开发工具,提供了很多便利和简单的语法,让css看起来更像是一门语言,这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式,然后通过“...

阅读(89)评论(0)赞 (0)

CSS

前端必备js/css CDN公共库

Coder.Bing 发布于 2016-05-11-09-35

通过使用公共的CDN脚本和样式库,可以在一定程度上加速访问、节省服务器流量、提升你的网站用户体验。本文将介绍国内比较常用的几种免费的CDN库,包括百度、新浪、360、又拍和七牛等。(包括:backbone Bootstrap dojo ext-core Highcharts Hi...

阅读(104)评论(0)赞 (0)

CSS

CSS3中动画属性transform、transition 和 animation区别

Coder.Bing 发布于 2016-04-21-07-46

CSS3中和动画有关的属性有三个 transform、transition 和 animation。下面来一一说明:        transform   从字面来看transform的释义为改变,使…变形;转换 。这里我们就可以理解为变形。那都能怎么变呢? none 表示不进行...

阅读(127)评论(0)赞 (0)

CSS

JS与CSS3实现生日等的倒计时功能

2

Coder.Bing 发布于 2016-04-15-00-57

文章介绍 今天带来的是一款倒计时插件,自己写的(偷师自慕课网),精心美化了一下,多终端适配,有女盆友的给以发给女朋友看一下,装装逼也是可以的,说不懂就能嘿咻嘿咻…/笑抽 图片预览 预览地址 点击预览 使用方法 在图中红框内的时间改成你所需要的时间便是,保存好后刷新页面看一下吧 编...

阅读(133)评论(0)赞 (0)

CSS

【原创】纯CSS制作京东商城菜单

2

Coder.Bing 发布于 2016-04-15-00-53

文章简介 很多前端的同学在最初学习html/css/javascript的时候,都会去模仿学习各大名站,例如淘宝京东等电商网站,今天这是我前不久做的仿京东的大菜单,我觉得做的很满意(样式上),强迫症表示看得很爽0.0,于是决定提供出来,想用的拿去吧。 图片预览 预览&下载...

阅读(127)评论(0)赞 (0)