css

Yii --EClientScript 扩展,css,js文件代码压缩合并加载

jerry Yii
Yii --EClientScript 扩展,css,js文件代码压缩合并加载

纯CSS+XHTML实现的二级导航菜单效果

jerry CSS
纯CSS+XHTML实现的二级导航菜单效果
本文实例讲述了纯CSS+XHTML实现的二级导航菜单效果。分享给大家供大家参考。具体如下: 这是一款简约、兼容好的XHTML+css二级导航菜单 运行效果截图如下: 在线演示地址如下: http://demo./js/2015/css-xhtml

垂直/水平居中

jerry thinkphp
垂直/水平居中的几种方法:1.[原理] 设定宽度和高度,父节点为 position:relative; CSS是这样写的:position:absolute;left:50%;top:50%; margin-left:-元素自身宽度的一半; margin-top:-元素自身高度的一半;...
阅读全文

CSS自定义select下拉选择框的样式(不用其他标签模拟)

jerry CSS
CSS自定义select下拉选择框的样式(不用其他标签模拟)
今天群里有人问到怎么自定义select下拉选择框的样式,于是群里就展开了激烈的讨论,刚开始一直就是考虑怎样使用纯CSS实现,把浏览器默认的样式覆盖掉,但最后均因兼容问题处理不好而失败告终,最后的解决方案就是用

CSS样式position属性的一个小实例:z方向三层布局分析

jerry CSS
CSS样式position属性的一个小实例:z方向三层布局分析
CSS样式position的一个小实例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....
阅读全文

CSS 3D立方体制作

jerry CSS
CSS 3D立方体制作
无需JavaScript, imagery, canvas 或者SVG,就可以利用最新的CSS制作出3D立方体,这的确是一件让人难以想象的事情。 目前制作出来的效果,只有Firefox 3.5,Safari 3.2+,Google Chorme支持。下面来为大家列举出相

适合新手的CSS网页布局小技巧整理

jerry CSS
对CSS网页布局的技巧,可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来,或许对您更有实际的参考价值: 1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符

css下margin、padding、border、background和font缩写示例

jerry HTML
下面用一些比较常用的属性来做示例。  margin    margin-top:1px;    margin-right:1px;    margin-bottom:1px;    margin-left:1px;    代码简化为:margin:1px    margin-top:1px...
阅读全文

CSS 网页布局应该避免滥用div元素

jerry CSS
CSS网页布局应该避免滥用div元素一直是倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。   页面中div与span元素的使用是一个新问题,我们也容易过多的使用它们。必要及合理的使用div可以明显的增强文档的

CSS expression判断表达式设置input样式

jerry CSS
用CSS的expression判断表达式设置input样式,简单,轻量级。缺点在于expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试图设置多个… 代码: <!docty