css->技术
文章平均质量分 50
iteye_11316
这个作者很懒,什么都没留下…
展开
-
认识display:inline;与float:left;
一. 首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复...2010-04-04 08:20:40 · 202 阅读 · 0 评论 -
autocomplete 属性规定输入字段是否应该启用自动完成功能。
定义和用法autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, pa...原创 2012-08-08 10:27:38 · 992 阅读 · 0 评论 -
CSS-命名总结
CSS-命名总结CSS书写命名总结一、命名原则:不要通过视觉外观来给元素命名,而是根据功能给元素命名。ID具有唯一性,Class具有可重复性。让所有的Class元素都成为外围ID元素的子级或孙级。网页模块化,利于网站代码的控制,维护和修改a.外围架构使用ID控制b.内部结构使用Class控制二、命名规则: a.骆驼命名法指混合使用大小写字母来构成...原创 2011-11-02 07:47:16 · 156 阅读 · 0 评论 -
input样式
无边:border:0 none; outline-style:none;自动完成:autocomplete= "off原创 2011-09-10 15:23:22 · 102 阅读 · 0 评论 -
30个最常用css选择器解析
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。1. ** { margin: 0; padding: 0; }星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中...原创 2011-12-10 18:06:15 · 86 阅读 · 0 评论 -
IE6,IE7下按钮(BUTTON)变宽的解决方法
代码如下: .button{overflow: visible; padding: 0 .5em;}原创 2011-12-07 16:01:48 · 162 阅读 · 0 评论 -
用CSS实现图片替换文字三种方法(Image replacement)
不论是对浏览者还是对搜索引擎,文字都是最佳的页面内容展示方式,但是,由于字体等原因的限制,纯文字的展示渐渐无法满足爱美的设计师的要求。于是,出现 了通过 CSS 来实现用图片替换文字的方法,这种方式既能实现页面上各种丰富的效果,搜索引擎仍然可以搜索HTML文本,而果禁用CSS,文本仍然会显示。因此,深受网 页设计师的喜爱,本文介绍了几种常见的图文替换技术。 Fahrner Image Rep...2010-04-19 16:42:30 · 2323 阅读 · 0 评论 -
字体对齐方式对li行间距的兼容影响
在进行布局的时候注意对li相关文字内容设置文字对齐方式,否则会出现浏览器不兼容的情况,vertical-align: bottom。2010-04-14 23:05:52 · 76 阅读 · 0 评论 -
全面兼容IE6/IE7/IE8/FF的CSS HACK写法
浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢?第一种方法:还好,微软提供了这样一个代码:<meta http-equiv=”x-ua-compatible” content=”ie=7″ />...2010-04-11 11:15:39 · 98 阅读 · 0 评论 -
去掉谷歌浏览器默认的input、textarea的边框
1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,outline这个属性。你可以用下面的css代码去掉所有元素的边框:*:focus {outline: none;}用下面的代码去掉你要去掉的元素的边框:.nohighlight:focus...原创 2012-08-08 10:33:35 · 287 阅读 · 0 评论