分类目录归档：CSS+DIV

2014
12-03

2014年20款最好的CSS工具

说到WEB设计，不得不介绍介绍CSS工具，CSS工具在这里面扮演很重要的角色，可以简化无数开发者和设计师的工作，写出更好的CSS代码。而网上有非常多的CSS工具，帮助设计师和开发者高效的工作和进行更多创新的创作，设计师和web开发者也把越来越多的CSS工具收入为自身的开发和设计利器。在这篇文章中，我们罗列了2014年最好的20款CSS工具，希望能帮助大家简化自己的开发工作，创作出更多更好的创新... 继续阅读 >
2014
12-03

9款最新炫酷HTML5/CSS3应用推荐

HTML5的强大之处我们已经体验过很多了，包括HTML5游戏、HTML5视频，另外结合CSS3，也能创造更多炫酷的动画特效和实用应用。今天我们要分享9款最新的炫酷HTML5/CSS3应用。如果你喜欢，赶紧分享给你的朋友吧。1、HTML5webkit3D立方体图片旋转滑块应用今天再来分享一款HTML5 3D立方体动画，这个只是一个3D效果模型，你可以用图片替换演示中的立方体4个面，这样就可以将这款HTML5立方体旋转动画改造成HTML53D焦... 继续阅读 >
2014
12-03

前端必备：六款CSS工具让代码充满魅力

随着一系列围绕JavaScript使用所衍生的相关工具，开发人员与设计师们正亲眼见证着框架、样板以及类似技术方案在扩展、标准化以及加快CSS使用方面所作出的巨大贡献。目前大部分此类方案已经逐步成熟，能够切实帮助开发人员与设计师们在各类设备平台上创建出一致性、响应式网站与Web应用程序。我们就六大人气CSS技术方案与开发人员们进行了交流，旨在了解空前繁荣的风格化工具选项如何支持他们创建出自己的工具并解决项目... 继续阅读 >
2014
12-03

CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性。在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小。这四个单位哪一种最适合Web?这个问题引起了广泛的争论。找到一个确定的答案是困难的,因为这个问题,本身就是如此难以回答。接触这些单位1.  “Ems”(em):“em”是一个可伸缩的单位,用于web文档媒体展示。一个em等于当前的字体大小,例如,如果文档... 继续阅读 >
2014
12-03

5 款 Linux 下免费的 CSS 编辑器

一台计算机系统不能没有操作系统，大公司的开发者也开发过不复杂易于使用的操作系统。而Linux被认为是复杂的系统,它仍然是最常使用的系统，当然不仅仅是开发者和极客会使用，也可能是日常生活中的你或我，也喜欢它。因为它的神奇般的稳定因素和应用的拓展水平，都比WindowsOS好得多。互联网上，有很多工具为网页设计者和开发者而准备的。今天我要分享一款适用于linux用户的CSS编辑器。请访问这里并分享你的想法。1... 继续阅读 >
2014
12-03

CSS编写指导规范和建议

在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要：保持CSS易于维护保持代码清晰易懂保持CSS的可拓展性为了实现这一目标，我们要采用诸多方法。本文档第一部分将探讨语法、格式以及分析CSS结构；第二部分将围绕方法论、思维框架以及编写与规划CSS的看法。CSS文档分析无论编写什么文档，我们都应当维持统一的风格，包括统一的注释、统一的语法与统一的... 继续阅读 >
2014
12-03

10个程序员最喜欢的 HTML和CSS 等在线代码编辑器

一般软件开发中必备的一样工具就是代码编辑器。传统的代码编辑器一般都是以软件安装包的形式安装到电脑里面，代码编辑保存后一般也是通过ftp或者svn等工具提交到服务器的（当然，像.NET开发中MicrosoftVisualStudio这样强大的集成工具另说了。）。在实际的项目开发中这样的方式也是挺便捷的。但是，随着各种云服务的兴起，云存储时代几乎已经是大势所趋了。个人或者小公司搭建一个类似的服务自然代价不菲。这时候利用... 继续阅读 >
2014
12-03

CSS垂直水平完全居中手册

居中一直是CSS中被抱怨的典型。为什么实现起来这么辛苦？所以有人被嘲笑。我觉得问题不是没有办法做到，只是视情况而定，有很多不同方式，但是很难弄清楚应该用何种方式。因此我写了这篇文章，希望能把他变得容易点。水平居中 内联元素（inlineorinline-*）居中?你可以让他相对父级块级元素居中对齐.center-children{text-align:center;}块级元素（blocklevel）居中?你可以通过设置... 继续阅读 >
2014
12-03

11个实用的CSS学习工具

1.盒子模型的幻灯片通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换，全屏观看会有更好的效果。2.CSSDiner通过一个简单的小游戏让你学习CSSselector，输入正确的selector来完成每一关。你也可以通过菜单来选关。3.CSSSelectors交互这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。4.前端Web开发考查CSS属性有大小写之分吗？5.TheMa... 继续阅读 >
2014
12-03

8个提高效率的CSS实用工具

CSS，也就是CascadingStyleSheets，推出于1997年，差不多是17年前，至此为我们开发网页大开方便之门，协助我们制作出一个又一个惊艳绝伦的网站设计和模板，提升了我们的创造能力，给整体平台增加了对称美。网页设计不是一蹴而就的，需要不断的实践和改进，然后在最后期限前完成。如果你在写CSS代码上花费大量的时间，那么你就是在浪费资源。因为有很多工具能提高我们改进CSS文件的工作效率。这些工具需要我们先... 继续阅读 >
2014
12-03

怎样用纯HTML和CSS更改默认的上传文件按钮样式

如果你曾经试过，你就会知道，用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的，他们长得很不一样。我们的目标是创造一个简洁，用纯CSS实现的，在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样： 步骤1.创建一个简单的HTML标记 <divclass="fileUploadbtnbtn-primary"><span>Upload</span><inputtype="file"class="upload"/>... 继续阅读 >
2014
12-03

这30类CSS选择器 你必须记在脑袋里！

大概大家都知道id,class以及descendant选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。1.**{margin:0;padding:0;}在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。... 继续阅读 >
2014
12-03

7个你可能不认识的CSS单位

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。这就意味着有那么些个特别的货，虽然平常都不怎么会用上，但是一旦某个地方需要它们了，他们就真的是特么得合适不过来了呢。今... 继续阅读 >