• Css中的“.”,“#”,”*“的区别和作用


    一、“.”,“#”,”*“作用

    1.#:

    #号的作用是控制对应div的css样式,具体事例如下:

    HTML代码:

    <div id="jinghao">
    </div>

    CSS代码:

    #jinghao{
    background:#F00;
    height:20px;
    500px;}

    上面的代码运行后,你会发现,页面中出现一个高20px,宽500px,红色背景的一个层,它可以表明#号是控制id为“jinghao”的这个DIV的,也就是说css中#号是控制和他同名的网页元素的。

    2.*号:

    *号是css中的通配符,意思是所有的标签都有的属性,表示所有的标签都遵循的统一样式。例如:

    *{
    font-size:14px;
    }

    上面的*号设置了页面中所有文字大小后面在没有单独设置的情况下为14像素。

    3.“.”点符号:

    html代码:

    <div class="dian">第一个层
    </div>

    <div class="dian">第二个层
    </div>

    css代码:

    .dian{
    background:#000;
    height:20px;
    color:#FFF;
    500px;}

    运行上面的代码你会发先,“第一个层”和“第二个层”拥有的是相同的css属性。

    二、“.”,“#”,”*“的区别

    当然有有,最简单的说#是id属性而.是class属性。
    1,在css样式表中书写时,id选择符前面应该加前缀符号‘#’,而class选择符前面应该加前缀符号‘.’。
    2,id属性一般在一个页面中只可以使用一次,而class可以被多次引用。
    3,id作为元素的标签,用于区分不同结构和内容,而class作为一个样式,它可以应用到任何结构和内容上。
    4,在布局思路上,一般坚持这样的原则:id是先确定页面的结构和内容,然后再为它定义样式:而class相反,它先定义好一类样式,然后再页面中根据需要把类样式应用到不同的元素和内容上面。
    5,目前浏览器都能允许在同一个页面内出现多个相同属性值的id,一般情况下也能正常显示,不过当使用javascript通过id来控制元素时就会出现错误。
    6,在实际应用时,class更多的被应用到文字版块以及页面修饰等方面,而id更多地被用来实现宏伟布局和设计包含块,或包含框的样式。

  • 相关阅读:
    有效提高生产力的8个贴士
    如何提高团队编程水平
    PHPCMS V9使用中的一些心得体会
    2012全球SEO行业调查报告
    盘点SEO和SEM的优劣势
    DEDECMS 添加栏目图片
    2013年中国500强排行榜(公司名单及网址)
    十大淘宝搜索作弊行为
    利用curl抓取远程页面内容
    新浪,腾讯,淘宝,人人登陆
  • 原文地址:https://www.cnblogs.com/jijm123/p/16442566.html
Copyright © 2020-2023  润新知