Css
CSS网页布局中易犯的30个小错误
即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1.用删除法确定错误发生的位置如果错误影响了整体布局，则可以逐个删除div块...
css按钮口诀
在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSSBUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个...
css优化建议
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用1px的原因，这才知晓。宽高1px的图片平铺出一个宽高200px的区域，需要200*200=40,000次，占用资源。 2、无边框。推荐的写法是border:none;，哈哈，我一直在用这个。border:0;只是定义边框宽度为零，但边框样式、颜色还是会...
css中div标签不置顶
设置div属性垂直对齐方式为:top<div></div>...
实现段落文字两端对齐的css样式
有时候网站中的文字比较多,虽然为父元素设置了宽度,但是总是会出现两端参差不齐的情况,看起来不整齐。其实实现段落的两端对齐，只需要设置两个css样式即可。.demo{text-align:justify;text-justify:inter-ideograph;/*IE*/} text-justify基本语法&...
css3制作扇形菜单
工作中网页中有一个扇形的导航菜单,以前没有接触过,参考了http://www.w3cplus.com/css3/building-a-circular-navigation-with-css-transforms.html以及原网站http://tympanus.net/codrops/2013/08/09/build...
只用css3实现菜单的toggle效果
一、原理: 使用label与input来实现，label和复选框是有关联的,label的for属性对应的是input的id,所以点击label时,它就会勾选或取消复选框。 如果我们需要让菜单默认显示,只需要将input的checked属性设为true即可。 &nbs...
用css制作空心箭头(上下左右各个方向均有)
平常在网页中，经常会有空心箭头，除了用图片外，可以用css来实现。基本思路是，用css绘制两个三角形，通过绝对定位让两三角形不完全重叠，例如制作向右的空心箭头，位于前面的三角形border颜色是需要的颜色，后面的三角形border颜色与包裹它们的div背景色一致，然后设置前面三角形的left值比后者的left多1px，...
CSS3box-shadow属性的使用
每次使用box-shadow,都要查阅资料才能实现对应的效果,现在总结一下,方便以后查看。 一、语法： E{box-shadow:insetx-offsety-offsetblur-radiusspread-radiuscolor}; E{b...
CSS3的writing-mode属性
writing-mode这个CSS属性以前是IE的独有属性，IE5.5浏览器就已经支持了。在很长一段时间里，FireFox,Chrome这些现代浏览器都不支持writing-mode，各大现代浏览器纷纷对writing-mode实现了更加标准的支持（主要得益于FireFox浏览器的积极跟进）。1.writing-mod...
CSS：IE，Chrome，Firefox兼容性和CSS Hack(转载)
以前写过一篇关于CSShack的文章，但近期回头看了看发现理解的不够深刻，总结的也不凝练，于是今天重新测试从新写一篇。常用的CSShack如下（笔者只对IE&FF&Chrome进行了测试）。hack列表（全部经笔者测试，且均为标准模式下，混杂模式由于很少会用到所以未对其进行测试）： ...
CSS编码规范(转)
CSS作为网页样式的描述语言，在百度一直有着广泛的应用。本文档的目标是使CSS代码风格保持一致，容易被理解和被维护。虽然本文档是针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。2.1文件[建议] CSS 文件使用无&nb...
关于css的float
什么是浮动？CSS中的一些元素是块级元素，表示它们会自动另起一行。举个例子，如果你创建了两个段落，每个段落都只有一个单词。这两个单词不会靠在一起，而是会各自占据一行。另一些元素是行内元素，表示它们和前面的内容位于相同的一行。举个例子，<a>可以出现在另一个元素中，比如<p>，这不会产生多余的空格...
前端CSS规范大全(转)
一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库/css/core通用UI元素样式库/css/libJS组件相关样式库/css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书/css/b...
