精华内容
下载资源
问答
  • 不知道从什么时候开始,在网络上到处可以看到div css,到底什么是div css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div css呢?既然可以div css,那...
  • 这些css是什么意思

    2012-03-06 20:36:46
    _display:inline;margin:0 3px; _width:0;border:0 none; _padding-bottom:0px; *padding:0 7px 0 9px;
  • ... 可以看成是css的一个版本号,如果css改动过,担心浏览器本地css...很有可能,另外一种可能是:样式表文件base.css是由服务器动态生成的(采用JSP或ASP等技术)?v=1.0则是传递给生成此样式表的动态页面的参数。 ...
    引用 4 楼 hery2002 的回复:
    可以看成是css的一个版本号,如果css改动过,担心浏览器本地css文件没有及时更新而导致页面没有出现相应效果时,就可以通过修改这个?后面的号码来达到使浏览器重新下载最新的css文档!

    很有可能,另外一种可能是:样式表文件base.css是由服务器动态生成的(采用JSP或ASP等技术)?v=1.0则是传递给生成此样式表的动态页面的参数。

    展开全文
  • .top_menu{ position:absolute; bottom:0; _bottom:-1px; right:10px; height:28px;} .top_menu ul li{ float:left; display:inline-block; margin:0 2px;....top_menu ul li a{ color:#FFF;background:url(../images/...
  • 转载 CSS Hack是什么意思css hack有什么用? ...
    转载

    CSS Hack是什么意思?css hack有什么用?

    第一部分:什么是CSS Hack?

    CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的。

    例如

    1、margin属性在ie6中显示的距离会比其他浏览器中显示的距离宽2倍,也就是说margin-left:20px;在ie6中距左侧对象的实际显示距离是40px,而在非ie6中显示的距左侧对象的距离是设置的值20px;所以要想设置一个对象距离左侧对象的距离在所有浏览器中都显示是20px的宽度的样式应为:.kwstu{margin-left:20px;_margin-left:20px;}

    2、kwstu{background:green;/*forfirefox*/width:300px;_width:200px;},一般浏览器会先给元素使用width:300px;的样式,紧接着后面还有个_width:200px;由于下划线_width只有IE6可以识别,所以此样式在IE6中实际设置对象的宽度为200px,后面的把前面的给覆盖了,而其他浏览器不识别_width不会执行_width:200px;这句样式,所以在其他浏览器中设置对象的宽度就是300px。

    3、比如要分辨IE6和firefox两种浏览器,可以这样写:

    div { background:green;/*forfirefox*/ *background:red;/*forIE6*/(bothIE6&&IE7) }

    我在IE6中看到是红色的,在firefox中看到是绿色的。

    以下是引自百度百科的定义:

    1. CSS hack由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同一厂商的浏览器的不同版本,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
    2. 简单的说,CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然,我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。

    注意: 我们通常主要考虑的浏览器有IE6、IE7、IE8谷歌浏览器(chrome)火狐(Mozilla Firefox)即可,至于我们常用的傲游、QQ的TT浏览器是用你计算机中装的系统自带浏览器的内核,所以只需要兼容以上浏览器即可兼容TT傲游浏览器。

    CSS Hack常见的有三种形式:

    CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。

    1、属性级Hack:比如IE6能识别下划线“_”和星号“*”,IE7能识别星号“*”,但不能识别下划线”_ ”,而firefox两个都不能认识。

    2、选择符级Hack:比如IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}

    3、IE条件注释Hack:IE条件注释是微软IE5开始就提供的一种非标准逻辑语句。比如针对所有IE:<!-[if IE]><!-您的代码-><![endif]>,针对IE6及以下版本:<!-[if it IE 7]><!-您的代码-><![endif]->,这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。

    PS:条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSSJSHTML服务器代码等。

     

    第二部分:CSS hack的实际应用

    解释一下:上面的css在firefox中,它是认识不了后面的那个带星号的东西是什么的,于是将它过滤掉,不予理睬,解析得到的结果是:div{background:green} ,于是理所当然这个div的背景是绿色的。在IE6中呢,它两个background都能识别出来,它解析得到的结果是:div{background:green;*background:red;} ,于是根据优先级别,处在后面的red的优先级高,于是当然这个div的背景颜色就是红色的了。CSS hack:区分IE6,IE7,firefox区别不同浏览器,CSS hack写法:

    区别IE6与FF:

    background:orange;*background:blue;

    区别IE6与IE7:

    background:green!important;background:blue;

    区别IE7与FF:

    background:orange;*background:green;

    区别FF,IE7,IE6:

    1. background:orange;*background:green;_background:blue;
    2. background:orange;*background:green!important;*background:blue;

    注:IE都能识别*;标准浏览器(如FF)不能识别*;IE6能识别*;不能识别 !important ;IE7能识别*,能识别!important;FF不能识别*,但能识别!important;

    浏览器优先级别:

    FF<IE7<IE6,CSS hack

     书写顺序一般为FF IE7 IE6

    以: " #demo {width:100px;} "为例:

    1. #demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/
    2. * html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */
    3. *+html #demo {width:130px;} /*会被IE7执行*/
    4. 所以最后,#demo的宽度在三个浏览器的解释为: FIREFOX:100px; ie6:120px; ie7:130px;
    5. IE8 最新css hack
    6. "9" 例:"border:1px 9;".这里的"9"可以区别所有IEFireFox.(只针对IE9 Hack
    7. "0" IE8识别,IE6IE7不能.
    8. "*" IE6IE7可以识别.IE8FireFox不能.
    9. "_" IE6可以识别"_",IE7IE8FireFox不能.

     IE6 hack

    _background-color:#CDCDCD;/*ie6*/

     IE7 hack

    1. *background-color:#dddd00; /* ie 7*/IE8 hack
    2. background-color:red 0; /* ie 8/9*/IE9 hack
    3. background-color:blue 90;火狐,傲游,浏览器通用
    4. background-color:red!important;

    注意写hack的顺序,其中:

    1. background-color:red0;IE8IE9都支持;
    2. background-color:blue90; 仅IE9支持;
    3. 另外,background-color:eeeeee9;的HACK支持IE6-IE8,但是IE8不能识别“*”和“_”的CSS HACK

    可综合上述规律灵活应用。

    IE9 和 IE8 以及其他版本的区别说明

    1. background-color:blue; 各个浏览器都认识,这里给firefox用;
    2. background-color:red9;9所有的ie浏览器可识别;
    3. background-color:yellow0; 0 是留给ie8的,最新版opera也认识,后面自有hack写了给opera认的,所以,0我们就认为是给ie8留的;
    4. +background-color:pink; + ie7定了;
    5. _background-color:orange; _专门留给神奇的ie6;
    6. :root #test { background-color:purple9; } :root是给ie9的,网上流传了个版本是 :root #test { background- color:purple0;},这个,新版opera也认识,所以经笔者反复验证最终ie9特有的为:root 选择符 {属性9;}
    7. @media all and (min-width:0px){ #test {background-color:black0;} } 这个是老是跟ie抢着认0的神奇的opera,必须加个0,不然firefox,chrome,safari也都认识。。。
    8. @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后这个是浏览器新贵chrome和safari的。

    选择符级HackCSS内部选择符级Hack语法

    <hack> selector{ sRules }

    说明选择不同的浏览器及版本尽可能减少对CSS Hack的使用。Hack有风险,使用需谨慎通常如未作特别说明,本文档所有的代码和示例的默认运行环境都为标准模式。一些CSS Hack由于浏览器存在交叉认识,所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。简单列举几个:

    1. * html .test{color:#090;} /* For IE6 and earlier */
    2. * + html .test{color:#ff0;} /* For IE7 */
    3. .test:lang(zh-cn){color:#f00;} /* For IE8+ and not IE */
    4. .test:nth-child(1){color:#0ff;} /* For IE9+ and not IE */

    内部属性HackCSS内部属性级Hack语法:

    selector{<hack>?property:value<hack>?;}

    取值:

    注意: 不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。补充:IE6能识别* ,但不能识别 !important,IE7能识别 *,也能识别!important;FF不能识别 *,但能识别!important;下划线” _ “,IE6支持下划线,IE7和firefox均不支持下划线。

     

    第三部分:为什么不推荐使用CSS hack来解决兼容性问题 

    CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法。CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题。因此,在设计之初,写CSS hack需要遵循以下三条原则:

    • 有效: 能够通过 Web 标准的验证
    • 只针对太古老的/不再开发的/已被抛弃的浏览器, 而不是目前的主流浏览器
    • 代码要丑陋。让人记住这是一个不得已而为之的 Hack, 时刻记住要想办法去掉它。现在很多hacks已经抛弃了最初的原则,而滥用hack会导致浏览器更新之后产生更多的兼容性问题。因此,并不推荐使用CSS hack来解决兼容性问题。

     

    常用的CSS Hack

    代码如下:

    展开全文
  • css selector什么意思

    2021-03-01 07:05:46
    css selector指的是css选择器,用来匹配网页中的dom元素的,常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器和伪元素选择器。 推荐:《css视频教程》 css selector指的...

    css selector指的是css选择器,是用来匹配网页中的dom元素的,常用选择器可分为标签名选择器、类选择器、id选择器、派生选择器、子元素选择器、分组选择器和伪元素选择器。



    推荐:《css视频教程》

    css selector指的是css 选择器,是用来匹配网页中的dom元素的,css样式的定义为:选择器{样式}。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

    要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

    每一条css样式定义由两部分组成,形式如下:

    1

    2

    3

    selector {property: value}

    选择器{属性:属性值}

    //即 选择器{样式}

    在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式()”的作用对象,也就是“样式”作用于网页中的哪些元素。可以是一个HTML标签,也可以是特定的id或class等的标签。

    简单来说:CSS主要的作用就是给网页中的dom元素设置样式,而选择器则是用来匹配dom元素的。

    常用选择器可分为:标签名选择器,类选择器,id选择器,派生选择器,子元素选择器,分组选择器,伪元素选择器。

    使用css选择器时的注意事项:

    由于对CSS的解释是自上而下的,对于一个元素的相同属性描述,放在下面的会覆盖掉位于上面的属性描述,因此我们在对元素的选择中一定要注意书写顺序,如:

    1

    2

    a:visited {color: #00FF00; text-decoration: none}

    a:hover {color: #FF00FF; text-decoration: underline}

    采用这样的书写顺序,无论链接有没有被访问过,只要当鼠标移到链接上,链接都会变成蓝色并有下划线。但是,如果采用下面的书写顺序:

    1

    2

    a:hover {color: #FF00FF; text-decoration: underline}

    a:visited {color: #00FF00; text-decoration: none}

    如果链接被访问过,则当你鼠标移到链接上时不会变成蓝色并有下划线,依然保持绿色。

    展开全文
  • 刚开始接触css的朋友也许不知道是什么意思,看了这篇文章大家肯定会有所收获的
  • js是什么意思?js全称Javascript,是一种高级的、解释型、直译式脚本语言,是一种基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。js是不需要进行编译的,也是...

    js、jsp、css都是什么?下面本篇文章就来给大家简单介绍一下js、jsp、css。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    0217162350e0bd66bb447d9c8deb7af5.png

    js是什么意思?

    js全称Javascript,是一种高级的、解释型、直译式脚本语言,是一种基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。

    js是不需要进行编译的,也是浏览器中的一部分,经常用在web客户端脚本语言,主要是用来给html增加动态功能。

    一般情况下,html页面主要是用于静态内容的显示,但是在实际中,页面很少的静态的,现在是网站都会有一些表单和幻灯片,这些都是使用js来进行交互,其实还有一些语言在可以编写脚本,实际上都是js。

    js主要是用web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。

    jsp是什么意思?

    JSP全名为Java Server Pages,中文名叫java服务器页面,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码;标签通常以结束。

    JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中使用JSP标签插入Java程序段(Scriptlet),从而形成JSP文件,后缀名为(*.jsp)。它实现了Html语法中的java扩展(以 形式)。

    CSS是什么意思?

    CSS指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式语言。

    CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

    在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

    只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

    更多前端开发知识,请查阅 HTML中文网 !!

    展开全文
  • CSS Hack是什么意思

    2016-07-13 16:17:00
    CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同...
  • css蒙版是什么意思

    2017-07-30 11:31:23
    css蒙版是什么意思? 经常听说这个东西,他具体是指的什么?
  • css中“div”表示一种选择器,可以直接使用div标签...css中div是什么意思?div是html中的一个标签,通常作为容纳其他元素的容器。在css中,表示一种选择器,可以直接使用div(标签选择器)来查找HTML元素设置样式;而...
  • css中定位中的absolute和relative是什么意思发布时间:2014-04-15 16:25:29作者:本站编辑来源:本站原创浏览次数:摘要:这篇CSS教程栏目下的“css中定位中的absolute和relative是什么意思”,介绍的技术点是...
  • overflow是什么意思css overflow什么作用? css overflow设置当对象的内容超过其指定高度及宽度时如何管理内容的属性,是添加滚动条、还是隐藏剪切超出内容。 CSS overflow简述: overflow作用一,设置滚动条...
  • CSS HACK什么意思

    2012-07-10 16:24:59
    什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得...
  • SS即层叠样式表(英语:Cascading Style Sheets,又称串样式列表...当前最新版本是CSS2.1,为W3C的推荐标准。CSS3现在已被大部分现代浏览器支持,而下一版的CSS4仍在开发中。CSS样式表样式表的基本概论1.内联样式表在...
  • 我最常使用的CSS单位之一就是出色的%,每个属性的百分比使用的规则并不完全相同。width/height让我们从最基本,最直接的示例开始:width和height。.self { position: absolute; height: 50%; width: 40%;}我们可以...
  • CSS中@是什么意思

    2020-06-05 15:19:18
    最常用的使用场景用来引用其他的CSS文件,以@import开始的,例如想在main.css里面应用style.css,那么直接用@import style.css就可以了。 此外,还有一种使用场景媒体选择,它以@media开始的,表示在不同...
  • css外边距合并是指当两个垂直外边距相遇时,它们将形成一个外边距,并且合并后的外边距的高度等于两个发生合并的...css 外边距合并是什么意思?外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,766
精华内容 706
关键字:

css是什么意思