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

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

position替代部分float进行网页元素定位

jerry CSS
position替代部分float进行网页元素定位
CSS 定位机制 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 position 属性值的含义: static 元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素

IE6无法识别伪对象:first-letter和:first-line解决方法

jerry CSS
学习HTML和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制作带小三角的tooltip提示框

jerry CSS
怎么用纯CSS制作带小三角的tooltip提示框
首先附上效果图: 以上的效果完全是用 css 来实现的,那么是怎么实现的呢? 我们知道 html 中有一些特殊的字符,具体的请点击 HTML特殊字符大全。 通过特殊字符,利用 css 中的 margin 或者 position 方法完全

标题长度溢出时,自动显示为省略“...”的Css text-overflow

jerry CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><style ty...
阅读全文

设计稿进行页面制作的流程和注意事项

jerry CSS
不过在这个还原的过程中应该也是需要一些基本的流程和注意一些东西的。   1、我们在拿到设计图后,通常会怎样做呢?    或许我们会在拿到图后二话不说,直接对着效果图,将代码从头敲到脚?   请对这个做法

通过css样式控制单元格文本超长省略

jerry CSS
通过css样式控制单元格文本超长省略
代码如下: <table> <tr> <td> <div style="width: 100px; height: 18px; border: 0px;overflow:hidden; padding:3px 2px 0px 2px; text-...
阅读全文

CSS 面向对象CSS FAQ

jerry CSS
原文:http://wiki.github.com/stubbornella/oocss/faq(翻译时为Version 28) 翻译:ytzong 在OOCSS中怎么定义“对象”? 对象类似JAVA中的类,保持着OO的特征。 一个CSS对象由4部分组成: 可能是一个或多个D

IE8 控件错位的解决方法

jerry CSS
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 加在<head>后面第一句  如果没看明白的可以参考脚本之家的源码。