css hack:通用的css hack

文章简介:css hack .

.all-IE{property:value\9;}
:root .IE-9{property:value\0/;}
.gte-IE-8{property:value\0;}
.lte-IE-7{*property:value;}
.IE-7{+property:value;}
.IE-6{_property:value;}
.not-IE{property//:value;}
@-moz-document url-prefix() { .firefox{property:value;} }
@media all and (-webkit-min-device-pixel-ratio:0) { .webkit{property:value;} }
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { .opera{property:value;} }
@media screen and (max-device-width: 480px) { .iphone-or-mobile-s-webkit{property:value;} }

时间: 2025-01-21 14:05:43

css hack:通用的css hack的相关文章

CSS技巧:关于CSS Hack与float闭合(清除浮动)

核心提示:CSS技巧:关于CSS Hack与float闭合 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. <style>#wrapper{#wrapper {

css基础教程之CSS基础语法

 我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离.我们编写完HTML之后,如何通过CSS对HTML实现控制呢. 1. 行内样式 2. 内嵌样式 3. 链接样式 4. 导入样式 我们这一节课的示例就先从行内样式开始 行内样式:就是直接在HTML上写样式,就是HTML上加属性style=""这种形式.如<p style="color:#f00">divcss8</p>,但是这种方法并不是被我们推荐

CSS网页制作教程:CSS书写规范和书写顺序

文章简介:大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里我总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的. 写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里我总结一个CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的. CSS书写顺

Firefox插件CSS Usage:一款CSS减肥的工具

网页制作Webjx文章简介:CSS减肥工具 - CSS Usage. 前端构建工程师经常会遇到随着网站产品的规模扩大.产品数量.日常专题上下线等情况,造成网站的CSS慢慢变得臃肿从而影响了网站的用户体验,这种情况下,给网站CSS文件减肥类似于海底捞针的大工程,因为稍不留神,一个不经意的删除,就会造成线上的产品的事故.下面我们就给大家推荐一款CSS减肥的工具–Firefox插件 CSS Usage. 首先,我们需要安装Firefox(猛击此处下载),或者确定你已经安装的版本已经高于3.1;第二步,

创建CSS的对象 使CSS对象的粒度合适

网页制作Webjx文章简介:创建CSS的对象 使CSS对象的粒度合适. 强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿,因为的CSS和HTML需要比PHP更细致的对象结构.事实上,PHP的模板不是天生合适的,因为每个模板包含了许多不同的HTML,以及以不同的方式相结合的CSS对象. 然后,我并没有解释它,或者给出适当的语境.抱歉! 正确的粒度是减小CSS的关键之一 在PHP层,下面的会话流(来自Facebook)或许是一个单个对象.所有的检测哪些HTML要显

CSS高级教程之CSS的定位属性和实例

css|高级|教程 CSS定位属性允许你对元素进行定位. CSS 定位 (Positioning)实例: 定位:相对定位 本例演示如何相对于其正常位置来定位元素. <html><head><style type="text/css">h2.pos_left{position:relative;left:-20px}h2.pos_right{position:relative;left:20px}</style></head>&

学习网页技术CSS高级教程之CSS 伪元素

css|高级|教程|网页 CSS 伪元素被用来将特殊的效果添加到某些选择器. CSS 伪元素 (Pseudo-elements)实例: 制作首字母特效 本例演示如何向文本的首字母添加特效. <html><head><style type="text/css">p:first-letter {color: #ff0000;font-size:xx-large}</style></head><body><p>

CSS工作原理及CSS规则命名介绍

本文为学习笔记,部分内容摘自李晓峰先生的<CSS设计指南>一书 CSS规则 一条CSS规则实际上就是一条CSS指令,这条指令先选择HTML元素,然后设定选择元素的样式 下面是一条简单的CSS规则,它把段落背景色设置为绿色 Example_1 p{background-color: green} CSS规则命名 一条CSS规则由选择符+声明两部分组成 选择符:指出要选择的元素 声明:由属性和值组成,属性指出影响元素哪方面样式,值其实就是属性的一种状态 在上面的例子中可以看出一条规则从左到右依次是

如何使用jquery控制CSS样式,并且取消Css样式

使用jquery控制CSS样式,并且取消Css样式的一个简单小实例,需要的朋友可以参考下   jquery控制CSS样式,并且取消Css样式(如背景色)   $("#tab1").css("background-color", "");    $("#" + left_tabid).css("background-color", "#025891");

sprymenu-在dw用spry菜单栏样式出错,修改了SpryMenuBar.css之后忘记源css样式了。。求大神指示css代码

问题描述 在dw用spry菜单栏样式出错,修改了SpryMenuBar.css之后忘记源css样式了..求大神指示css代码 结构代码如下: 项目 1 项目 1.1 项目 1.2 项目 1.3 项目 2 项目 3 项目 3.1 项目 3.1.1 项目 3.1.2 项目 3.2 项目 3.3 项目 4 var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHo