#css

webkit内核浏览器的CSS写法

-webkit-tap-highlight-color:transparent;Mobile上点击链接高亮的时候设置颜色为透明-webkit-user-select:none;设置为无法选择文本-webkit-touch-callout:none;长按时不触发系统的菜单,可用在图片上加这个属性禁止下载图片:-webki...

css解决select下拉表单option高度的办法

css在给select下拉表单设置样式如边框时可以轻松搞定,而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之,则往往会出现浏览器的兼容性问题,在网上查了好多资料,最好的解决办法也是大神们用js来模拟下拉表单。额~,好吧,暂且就按照大神们的办法来解决这个问题吧。下边来说说cs...

使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式

使用iPhone上的浏览器去浏览网页的时候,按钮总是显示超大圆角且颜色由上而下渐变的样式,显得超级恶心,而且文本框也会有一定的圆角,但是我们自己定义border-radius也没有效果,经过搜索发现这是webikt内核浏览器通过私有属性-webkit-appearance对控件设置了默认样式。此时的解决办法为:inpu...

CSS中zoom:1的作用 ,小标签大作用

CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。css中的zoom的作用1、检查页面的标签是否闭合不要小看这条,也许折腾了你两天都没有解决的CSSBUG问题,却仅仅源于...
代码星球 ·2021-02-06

CSS光标属性一览表

光标类型CSS把你的光标放到相应文字上查看效果要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。十字准心cursor:crosshair;手cursor:pointer;cursor:hand;写两个是为了照顾IE5,它只认hand。等待/沙漏cursor:wait;帮助cursor:help...
代码星球 ·2021-02-06

CSS中加号、星号及其他符号的作用

    首先,什么是CSShack?  针对不同的浏览器写不同的CSScode的过程,就叫CSShack!  CSShack由于不同的浏览器,比如InternetExplorer6,InternetExplorer7,MozillaFirefox等,对CSS的解析认识不一样,因此...

针对特定浏览器起作用的CSS: IE Chrome Firefox CSS Hack

Firefox的CSSHack只在Firefox上应用的CSSHack,虽然这种情况非常少,但有时也会碰到: @-moz-documenturl-prefix(){.cssSelector{font-size:14px;}}Chrome的CSSHack只在Chrome上应用的CSSHack,目前这种情况还没有...

CSS实现样式布局

使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。  1、有疑问,先验证  在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS会导致许多布局上的错误。在其他浏览器中进行测试之前,请先在最先进的浏览...
代码星球 ·2021-02-06

CSS对浏览器的兼容性(IE和Firefox)技巧整理

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声明。CSS技巧1.div的垂直居中...

CSS浏览器兼容的那些事儿

1.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定line-height。确保所有文字都有默认的line-height值。这点很...

CSS透明属性详解

.transparent_class{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}上面的几个属性分别是:opacity:0.5;这是最重要的,因为它是CSS标准.该属性支持firefox,Safari和Opera.f...
代码星球 ·2021-02-06

CSS透明度大汇总

  近年来,CSS不透明算得上是一种相当流行的技术,但在跨浏览器支持上,对于开发者来说,可以说是一件令人头疼的事情。目前还没有一个通用方法,以确保透明度设置可以在目前使用的所有浏览器上有效。  这篇汇总主要是提供一些CSS不透明的详细介绍,代码示例和解释,以实现这项有用的CSS技术在您的项目中兼容所有浏览器。  关于C...
代码星球 ·2021-02-06

CSS中a标签样式的“爱恨”原则

CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是:1:link2:visited3:hover4:active因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定...

css sprites介绍

一、CSSSprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSSSprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,CSSSprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。CSSSprites允许你将一个页面涉...
代码星球 ·2021-02-06

CSS样式优化

一、css代码优化作用与意义1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间,相当于加快网页打开速度2、便于维护。简化和标准化css代码让css代码减少,便于日后维护3、让自己写的css代码更加专业。 二、css代码优化的方法 1.使用简写如果你现在还对简写一点都不了解,那你就又写落伍...
代码星球 ·2021-02-06
首页上一页...1516171819...下一页尾页