zoukankan      html  css  js  c++  java
  • DIV+CSS 星号*

    常常我们在DIV+CSS布局的时候会遇到2处使用星号“*”,一个为以星号*没有命名名称的CSS选择器;另外一个是在CSS选择器里以*开头的CSS属性单词样式-CSS星号-CSS *知识介绍。
    接下来DIVCSS5为大家讲解这两处星号的区别与用法

    1、CSS星号*选择器

    新手常常在css+div布局的时候看见CSS代码中第一行有个带“*”星号的选择器。如:
    *{padding:0; ... }
    CSS星号“*”这是什么意思呢?
    这里的“*”号是通配符,即指,网页html中所有标签意思。
    例子:

    CSS星号演示图

    CSS代码:*{ padding:0; margin:0; font-family:"黑体"}

    以上DIV+CSS中CSS代码意思:设置网页html中所有标签成员的css样式为padding为0,margin为0,字体为黑体。
    这样就无需像以前那样分别设置网页不同标签元素的css样式表,这样就全面设置和初始化了html标签元素的CSS样式。

    2、CSS选择器内以(*)星号开头CSS单词

    在CSS选择器内星号+CSS样式属性单词,一般区别IE6和IE8、IE6和FF,IE7和IE8,IE7和FF浏览器之间属性CSS HACK。如下演示测试。

    .divcss5{border:1px solid #000;220px;*300px;}
    我们设置一个宽度为220px,一个带星号的宽度为300px,如下图:

    DIV+CSS *星号知识教程演示图例

    讲过各大浏览器测试,我们会发现在IE6和IE7中宽度为300px,而在IE8及以上MSIE版本、谷歌浏览器、火狐(FF)浏览器却显示为220px宽度。

    自己测试测试看看是否与描述相同效果。
    注意:这里属于星号CSS属性放置前后位置。

    以上为DIVCS5为大家介绍2种不同位置的星号(*)知识。

  • 相关阅读:
    第四课:数字系统抽象
    第三课:叠加法和戴维南法
    第二课:基本电路法
    电路和电子学第一课:集总电路抽象
    第三十六课:告别演出
    第三十五课:多普勒效应和宇宙大爆炸
    第三十四课:光栅和分辨率
    第三十三课:干涉
    第三十二课:复习课
    第三十一集:彩虹
  • 原文地址:https://www.cnblogs.com/diantao/p/4355451.html
Copyright © 2011-2022 走看看