摘要： CSS盒模型中，margin是我们老熟悉的一个属性了， 它的负值你用过吗？ 你知道margin负值的秘密武器吗？我们一起看看吧！1、带竖线分隔的横向列表（例如：网站底部栏目）传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来模拟分割线，然后通过margin-left：-1px隐藏掉第一个列表项的边框，父元素设置 overflow：hidden 来隐藏溢出部分，这样完美达到首尾无分割线的要求。实际测试中发现 iphone safari 设置margin负值=border-widht 并不能很好的 阅读全文

摘要： 在我们的前端CSS编码当中，经常要设置特殊的字体效果，边框圆角等等，还要考虑兼 容性的问题， CSS网页布局，说难，其实很简单。说它容易，往往有很多问题困扰着新 手，在中介绍了非常多的技巧，这些小技巧与知识能事半功倍的给大家以帮助，经验丰 富的CSS程序员通常都知道这一点，但初学者不要错过了!重要的CSS规则 这里有25个非常有用的CSS技巧，将帮助你解决让你棘手的CSS代码问题。你可以直接 使用到你现在的项目当中 1。更改文本突出显示颜色(Change Text Highlight Color) 您可能不知道!使用CSS，你可以控制颜色测试，至少对符合标准的浏览器，如Saf... 阅读全文

摘要： 如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。1 – 布局 当创建一个响应式网站，或让现有的网站变成响应式的，首先要关注的元素的布局。我在建立响应式的网站，总是先创建一个非响应的布局，页面宽度固定大小。如果非响应版本完成得非常不错，我再添加媒体查询（Media Queries）和响应式代码。这种操作方式更容易实现响应式特性，在同一时间专注于一个任务。 当你已经完成了无响应的网站，做的第.. 阅读全文

摘要： 自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大, 挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 的宽度之后自动换行。 html： 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css： #wrap{white-space:normal; width:200px; } 1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者... 阅读全文

摘要： 在textarea中设置输入内容的自动换行，也是在CSS中设置word-wrap:break-word; 属性。需要额外注意的是textarea元素本身有一个warp属性，其取值含义如下： off：不自动换行; hard：自动硬回车换行，换行标记一同被传送到服务器端(Opera、Chrome下不 传); soft：自动软回车换行，换行标记不会传送到服务器端。 阅读全文

摘要： margin负值的使用左边盒子123456 阅读全文

摘要： CSS盒模型中，margin是我们老熟悉的一个属性了， 它的负值你用过吗？ 你知道margin负值的秘密武器吗？我们一起看看吧！1、带竖线分隔的横向列表（例如：网站底部栏目）传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来模拟分割线，然后通过margin-left：-1px隐藏掉第一个列表项的边框，父元素设置 overflow：hidden 来隐藏溢出部分，这样完美达到首尾无分割线的要求。实际测试中发现 iphone safari 设置margin负值=border-widht 并不能很好的 阅读全文

摘要： Sass @at-root http://www.w3cplus.com/preprocessor/Sass-3-3-new-feature-at-root-bem.html Sass中连体符(&)的运用 http://www.w3cplus.com/preprocessor/use-ampersand-in-selector-name-with-Sass.html Sass3.3新特性之连体符& http://www.w3cplus.com/preprocessor/sass-future-use-ampersand.html 理解Sass的list http://www.. 阅读全文

摘要： 学过CSS的人都知道，它不是一种编程语言。 你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师 的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没 有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（csspreprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。各种"CSS预处理器"之中，我自己最喜欢SASS，觉得它有很多优点，打算以后都用它来写CSS。下面是我整理的用法总结， 阅读全文

摘要： 如果你还不知道 SASS 和 COMPASS 是什么，可以参看http://sass-lang.com和http://compass-style.org，近期可能会更新一篇介绍性的入门教程，但是本文只是安装使用教程，不包含介绍信息。安装安装 RubySASS 需要运行在 Ruby 下，进入这个页面，下载最新版本的rubyinstaller，一路 Next 完成安装。安装 SASS 和 COMPASS在开始菜单中找到 “Ruby 1.9.3-p0 -> Start Command Prompt with Ruby”并运行。输入以下命令gem install compass 该命令会自动下载 阅读全文