`
wkf41068
  • 浏览: 458264 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS 部分

 
阅读更多
(1)  "_"  只有IE6识别;  "+" 只有IE7识别; "*" 只有IE6和IE7能识别;

"*" IE6、IE7可以识别.IE8、Fire Fox不能.  
"_" IE6可以识别,IE7、IE8、Fire Fox不能. 
+background-color: pink; + ie7定了;  
_background-color: orange; _专门留给神奇的ie6; 


各浏览器兼容模式的写法:
IE6 hack
  _background-color:#CDCDCD; /* ie 6*/
	 background-color: #CDCDCD;
IE7 hack
  +background-color:#dddd00; /* ie 7*/
IE6 & IE7
	*background-color:#f00;/*ie 6/7*/
IE8 hack
  background-color: red \0; /* ie 8/9*/
IE9 hack
  :root .class{ background-color: orange\9; } /* IE9 */
		
(3)  样式优先级问题:

另再补充下css的优先级,一个标签选择器1分,一个类选择器10分,一个id选择器100,一个行内样式1000,!important就当无限分。

另外补充一个实例:
CSS代码:
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML代码:
<div id=“idA” class=“classA”>我要12像素的字</div>
大家可以在IE6下测试一下,文字是12像素的,也就是.classA{ font-size: 12px !important; }被引用了,这证明IE6是支持!important的。

但是css hack中用!important来区分ie6,说ie6不支持!important又是怎么回事呢?(转载请注明出处:WEB前端开发 http://www.css88.com/)
原来ie6下,在同一个选择器样式(即同一个大括号里面)下!important是无效的,例如:
css代码:
.classA{ font-size: 68px !important; font-size: 12px }


分享到:
评论

相关推荐

    html和css部分标签属性用法

    自己整理的部分HTML的元素属性用法和一些css样式

    韩顺平 轻松搞定网页设计 CSS部分笔记

    【韩顺平 轻松搞定网页设计 CSS部分笔记】 在网页设计中,CSS(Cascading Style Sheets)是至关重要的技术,它负责定义网页的布局、颜色、字体等视觉表现。通过学习韩顺平老师的课程,我们可以深入了解CSS的基础...

    java简易浏览器 css部分

    java简易浏览器 css部分

    网页设计第3课CSS的三种引用方法及CSS部分属性.pdf

    **CSS(层叠样式表)**是网页设计中不可或缺的一部分,它允许开发者通过定义样式来控制网页元素的各种视觉属性,从而实现美观的排版和布局。CSS的主要目标是分离内容(HTML或XML)与表现(样式),使得内容的结构与...

    新疆旅游网 css部分代码

    div.css

    css部分总结

    css部分样式,主要包括换行、最大高度等内容的样式总结,高度自适应,背景图片的内容,input文字垂直居中 等

    本项目为一个旅游网站的首页,仅包括HTML和CSS部分,供初学者学习布局,及模板复用的使用.zip

    html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...

    纯css无限级导航

    一个用纯css做的无限极导航,只有一个页面,简单,简洁,演示里面已经添加到9级菜单导航,还可增加更... 看代码吧(长是长了点,但其实你会发现导航的标签结构真的真的很简单,重要的是CSS部分)其实css部分也超简单。

    纯CSS流程步骤箭头样式

    CSS部分则通过设置边框、背景色、文本样式、定位等属性,来创造出各种形态的箭头和步骤指示器。 例如,通过CSS的`border`属性,可以创建出三角形箭头,通过改变不同边框的宽度和颜色,可以实现箭头指向的不同方向。...

    HTML和CSS部分笔记(一).xls

    重点HTML内容、重点CSS内容,适合H5前端小白浏览

    CSS图标按钮合集

    CSS部分则负责设置按钮的尺寸、颜色、边框、阴影、过渡效果以及图标的样式。 2. 图标库的使用:为了创建图标,设计师们可以利用现有的图标库,如Font Awesome、Ionicons、Material Design Icons等。这些库将图标...

    屏幕滚动到相应位置,执行css动画

    /* CSS部分 */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .scroll-animation { opacity: 0; transition: all 0.5s ease-in-out; } .scroll-animation.visible { animation: fadeIn 1s ...

    纯CSS实现语音动画.docx

    CSS部分是实现动画的关键。`.voicewave`类设置了容器的基本样式,包括边框、内边距、宽度和高度。每个`&lt;span&gt;`元素被设置为块级元素,具有相同的背景颜色、宽度、高度和圆角。通过浮动它们到左边,可以实现水平排列...

    jquery+css3控制音量调节

    2. CSS部分:定义滑动条和按钮的样式,以及滑动条的动画效果。 3. JavaScript/jQuery部分:绑定事件监听器,如点击事件和滑动事件,根据用户的操作更新音频的音量,并同步滑动条的状态。 在`dist`文件夹中,可能...

    css 专区 多看看 绝对有用的

    - **MDN Web Docs**:Mozilla提供的MDN是学习Web技术的绝佳资源,其CSS部分包含了详尽的文档和实例。 - **W3Schools**:虽然存在一些争议,但W3Schools仍然是初学者了解HTML、CSS和JavaScript的基础知识的好地方。 -...

    会动的banner animate.css

    在"六一专题.html"的CSS部分,可能会有如下代码示例: ```css .banner { width: 100%; height: 300px; overflow: hidden; } .banner img { width: 100%; animation: fadeIn 2s ease-in-out infinite; } ``` ...

    css3硬件加速滑块.zip

    而CSS部分则专注于样式定义,包括滑块的布局、滑动动画以及触发动画的触发条件。 一个完整的CSS3滑块通常包括以下关键部分: 1. 滑块容器:包含所有滑块项的父元素,通常设置为绝对定位,并通过`transform`属性来...

    前端三件套思维导图(html+css部分)

    会持续更新,欢迎大家指正,学习。如果没有xmind的,私信找我下载哦

    Head First HTML and CSS中文版 第2版

    在本书的CSS部分,你将学习选择器的概念,如何根据元素类型、类名或ID来应用样式。还会了解盒模型,它是理解元素尺寸和边距的关键。同时,书里会教授如何使用浮动、定位和Flexbox或Grid布局来控制元素的排列方式,...

    hiprint所提供的js和css

    其次,CSS部分是hiprint实现打印样式的重要组成部分。CSS文件可能包含以下内容: 1. **媒体查询**:利用CSS媒体查询,hiprint可以针对不同的打印媒介(如屏幕和打印机)设定不同的样式规则。 2. **打印样式**:这些...

Global site tag (gtag.js) - Google Analytics