Category css

html在一行内横向排列并排同行同时显示两个多个div盒子的方法(CSS浮动清除float-clear/inline)/办法

最近在做一个div css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记先:
一、并排在一行的两个div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的 话,两个浏览器下会有区别,具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉,不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的<div class=”clear”></div>放在所有浮动div的最下方。...

继续阅读

两个CSS3样式可视化生成工具:CSS3 Please & CSS3 Generator

CSS3随着浏览器的升级已经被越来越广泛的运用,合理的运用CSS3可以使你的网站更加美观,并且之前只能用js才能实现的效果也已 经可以直接用CSS3来实现。但是虽然如此,很多浏览器对CSS3的支持还都是通过其私有属性来达到支持的,鲜有直接对W3C的标准来实现的。诸如 firefox的-moz-和webkit的-webkit-属性前缀。

不过CSS3本身W3C也并未有正式版发布,现在...

继续阅读

html css3属性使用详解:box-shadow

最近一直在忙一些所谓的忙,忙的真的有点忙了,这几天瞎忙里还是觉得要写写下面的这篇文章。大家看看哦——CSS3的一个属性:box-shadow

CSS3 box-shadow是什么?

box-shadow的含义是:阴影,给层元素加上阴影效果、设置块阴影。

CSS3 box-shadow的属性:

box-shadow:阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色

即为:box-shadow:

继续阅读

“CSS预处理器”SASS用法指南介绍使用用例简介 节省设计者时间 可维护

学过CSS的人都知道,它不是一种编程语言。

你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。

很自然地,有人就开始为CSS加入编程元素,这被叫做”CSS预处理器”(css preprocessor)。它的基本思想是,用一种专门的编程语言...

继续阅读

CSS布局负Margin负边距(negative margin)自适应布局负值在页面中的应用

现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。

负margin理论:

在说明什么是负margin之前,你得清楚margin是个啥么玩意,为了形象、易懂的解释负margin,我们将引入W3C上没有的参考线的说法。何谓参考线?参考线就是 m...

继续阅读
Top Down