`
DBear
  • 浏览: 231813 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

CSS里面的*html代码是做什么用的

阅读更多

问题:CSS选择器中 * html 起什么作用?

 

回答:这是其中的一种hack方法,用来做各种浏览器兼容的。

*号就是说是指定为IE6和更低版本来使用。非IE的浏览器就不认得。

 

原理:HTML元素被认为是网页上的第一个元素,即根元素,但是IE7以下的所有版本有一个匿名的根元素,它包围着HTML元素,可以使用通用选择器指定包围在另一个元素中的HTML元素。因为这种情况只在IE6和更低版本中出现,所以可以将特定的规则应用于这些浏览器。比方说

* html{font-size:small;}

 

例子:IE6以下将1象素的点划线错误的显示成虚线,为了避免这个虚线,可以将链接上的鼠标停留边框样式设置成点线,但在IE中复盖这个规则,让它们显示成实线。可以写成:

a:hover{ border:1px dotted black; }

* html a:hover{ border-style:solid; }

 

结论:在任何常规的CSS规则开头添加一个通用选择器和一个HTML类型选择器。这样就会对除IE之外的所有浏览器隐藏这个规则。

分享到:
评论

相关推荐

    【源代码】使用HTML、CSS和JavaScript开发Android程序

    使用HTML、CSS和JavaScript开发Android程序 英文名称:Building Android Apps with HTML, CSS, and JavaScript 本资源为这本书的所有原代码

    html5 css3圆形进度条倒计时页面跳转代码

    此外,`texiao4202_1560680959`这个文件名可能是项目代码的压缩包,里面可能包含HTML文件、CSS文件和JavaScript文件。HTML文件负责结构,CSS文件用于样式,而JavaScript文件则处理动态行为,如进度条更新和页面跳转...

    CSS3心形文字动画代码.zip

    在本资源"CSS3心形文字动画代码.zip"中,我们探索的是如何使用CSS3来创建一个富有表现力和互动性的动画效果,具体表现为心形的文字动画。这个项目旨在展示CSS3的强大功能,特别是其在网页设计中的动态效果和文本处理...

    HTML+CSS 商城代码

    在实际操作中,开发者需要解压这个文件,查看里面的HTML和CSS代码,了解并学习其结构和设计技巧。通过这个项目,初学者可以掌握基础的前端开发技能,进一步探索更复杂的JavaScript交互和后端服务器集成,以构建完整...

    HTML5+CSS3+JavaScript 网页设计与制作期末综合大作业 杭帮美食五个页面(附完整答案和学生用要求及素材)

    综上所述,这个综合大作业旨在让学生全面掌握HTML5、CSS3和JavaScript的使用,通过实际项目提升技能,同时理解网页设计的各个方面,包括用户体验、响应式设计、交互性和可访问性。通过完成这个项目,学生不仅可以...

    JavaScript大转盘代码html+css+JavaScript

    此外,`LuckDraw`可能是包含这些代码文件的文件夹或主文件名,里面可能有HTML、CSS和JavaScript文件,分别对应页面结构、样式和逻辑。 总之,JavaScript大转盘是一个结合了HTML布局、CSS动画和JavaScript事件处理的...

    html+css+js实现漂亮网页

    在这个项目中,`ftmp8_24_fn`可能是包含源代码或示例文件的压缩包,里面可能有HTML文件、CSS样式表和JavaScript脚本,供学习者参考和实践。解压并研究这些文件,将有助于深入理解如何将HTML5、CSS3和JavaScript应用...

    vue框架下的webpack包的使用,里面涉及html, css, JavaScript代码.zip

    在这个“vue框架下的webpack包的使用,里面涉及html,css,JavaScript代码”的压缩包中,我们将会探讨如何在Vue项目中整合Webpack,以及HTML、CSS和JavaScript代码的处理。 1. **Vue与Webpack简介** - Vue.js 提供...

    HTML+CSS实现网易云网站

    在`index.html`和`product.html`这两个文件中,可以看到HTML代码,它们分别代表了网站的主页和产品页面。HTML标记语言包含了各种元素,如`<head>`用于定义头部信息,`<body>`包含网页的主要内容,`<header>`定义页面...

    网站设计代码HTML+JS+CSS架构

    该网站是由 html+js+css架构设计,里面部门功能介绍: 图片滚动(HTML技术实现) ;多图片自动滚动,可自行设计图片数量(js+hmtl实现);多图片内容左右滚动,可自行设计图片张数,显示图片张数(js+hmtl实现);...

    网页设计html代码大全

    本文档对学习网页设计的人很有帮助,里面的HTML代码比较全面,学习时可供查阅,希望能对你学习网页设计有所帮助。 HTML代码中的结构性定义: * 文件类型: `<HTML></HTML>`,放在档案的开头与结尾 * 文件主题: `...

    html,css和js写的登录与注册界面

    例如,可以创建如下HTML代码来实现一个简单的登录表单: ```html 用户名: 密码: 登录 ``` CSS(Cascading Style Sheets)则用于美化和布局这些HTML元素。通过CSS,我们可以设置字体、颜色、大小、...

    CSS教程实例大全 很多实例在里面

    **描述中的“CSS教程实例大全是学习css的好参考 很多实例在里面”**进一步强调了这个教程的价值,特别是对于那些希望通过实际操作来学习CSS的人来说。实例教学是一种有效的学习方法,因为它允许学习者看到代码如何...

    普通发票 html css写的

    普通发票模板 html css写的,曾经下过博客中的一个发票模板发现打开里面的代码太多了,太重复了,所以自己初步写了一个简洁的

    3种网页过度效果代码(CSS3)

    标题中的“3种网页过度效果代码(CSS3)”指的是使用CSS3实现的三种不同的网页过渡效果。CSS3是层叠样式表的第三个主要版本,它引入了许多新的功能和改进,其中包括丰富的动画和过渡效果,使得网页设计更加动态和吸引...

    动态css进度条代码(闪烁跳动的进度条).zip

    这个示例采用了结构性伪类选择符E:nth-child(n),来进行对HTML元素的选择以及控制输出。相信这个伪类选择符在将来会是一个很强大的一个工具。 动态css进度条代码效果图一: 点击查看...动态css进度条代码效果图二:

    CSS插件-CSS插件 ieCSS插件 ie

    8. **CSS变量**:CSS自定义属性(CSS Variables),允许在CSS中定义和使用变量,增强了代码的灵活性。 9. **BEM方法论**:Block Element Modifier,一种命名约定,有助于创建清晰、可维护的CSS代码结构。 10. **...

    纯CSS3实现的漂浮生日气球特效代码

    - **css**文件夹:包含所有CSS样式文件,可能有一个名为`styles.css`或类似名称的文件,里面编写了实现气球特效的所有CSS3代码。 - **js**文件夹:虽然描述中提到这个效果是纯CSS3实现的,但如果有JavaScript文件,...

    CSS.rar_css_css样式_css网页样式_html_网页模板

    9. **CSS优化**:包括减少冗余代码、合理组织结构、使用minify工具压缩CSS等,以提高页面加载速度。 10. **CSS动画和过渡**:使用`@keyframes`创建动画,`transition`属性实现元素状态转换的平滑过渡。 通过这个...

    炫酷的登录页面里面含有js和css和html代码

    例如,你可以用CSS选择器选中特定的HTML元素,然后通过属性如`background-color`改变背景色,`font-size`调整字体大小,`border-radius`创建圆角效果,`transition`实现平滑过渡动画。 JavaScript是一种动态编程...

Global site tag (gtag.js) - Google Analytics