标签:css

CSS

总结CSS常见布局问题整理

2

Coder.Bing 发布于 2018-05-08

1,  多元素水平居中 实现一下效果: 多元素水平居中,即无论元素(小黑框)基数为多少,它们都能作为一个整体,水平居中。 在网站布局中,很多时候,子元素中使用行内元素如 span或块元素li标签且标签个数不定,而我们又想让这一块不管个数有多少个(子元素的总体宽度不定),始终都能居...

赞 (0)

CSS

box-shadow与filter的drop-shadow

3

Coder.Bing 发布于 2016-08-31

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

赞 (0)

CSS

Sass配合Compass的使用

2

Coder.Bing 发布于 2016-06-07

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

赞 (0)

CSS

css flex布局

3

Coder.Bing 发布于 2016-06-05

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

赞 (0)

CSS

css flex布局详解

16

Coder.Bing 发布于 2016-06-04

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

赞 (0)

CSS

DIV高度100%无效原因

Coder.Bing 发布于 2016-05-25

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

赞 (0)

CSS

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

1

Coder.Bing 发布于 2016-05-18

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

赞 (0)

CSS

前端必备js/css CDN公共库

Coder.Bing 发布于 2016-05-11

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

赞 (0)

CSS

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

2

Coder.Bing 发布于 2016-04-15

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

赞 (0)