zoukankan      html  css  js  c++  java
  • CSS中.和#区别

    一.问题来源

      制作导航栏,参考别人的代码,发现的。

    二.解析

    2.1 概述

      id:用来定义页面中大的样式,如栏目划分,顶部,正文,底部等;用#top的形式来定义;

      class:用来定义一些比较细节的样式,如具体的一个菜单,一行文字等,用.text的形式来定义。

      定义HTML中的标签,如ul,img,p等时,直接写:img{}。

    2.2 区别

      #main和.main有什么区别:#main 定义的是ID为"main"这个元素的样式,.main 的意思是新建一个名为"main"的样式
    #main 只能定义ID为"main"这个元素的样式。.main 一但定义以后,可以让其他的元素来调用,方法为class="main",用#定义CSS样式,在调用时必须用ID,用.定义CSS样式,在调用时必须用CLASS。用#定义的样式,一般都是定义结构框架,一些大的容器,且在同一个页面只能出现一次;而且.定义的样式,一般都是起修饰作用或多次重复的样式。还一点就是在同一
    个层里同时出现ID和CLASS样式,ID更优先于CLASS。

      一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ,class="Gandalf", class="Aragorn"来区分不同的故事线。还有一点非常重要的是
    你可以在一个文档中使用任意次数的Class。

      至于 ID,通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头< masthead>,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很少会出现大于一次的情况。

    2.3 注意

      class可以在页面里面重复使用,id由于在页面里面只能出现一次,所以不能重复使用,所以尽量用class来写,这样能在页面里面重复引用你写的css,减小工作量和代码量。

        这种情况尽量用id:页面大的模块里面,用id来区分不同的模块。比如页面里面有这样的模块:最新新闻,推荐新闻等。就可以考虑用id来区分。

        还有一点,由于id是页面中唯一的,更多的是定义来留给给页面里面的 javascript用。

      参考51CTO,链接忘了。

  • 相关阅读:
    软件工程之项目管理核心框架
    JPA @Column
    centos 安装 nodejs vue 工具链.
    c语言 打印二进制数
    Python import 导入指定目录的某块
    最近的一点思考,关于高手/大师/学霸
    同步与非同步,阻塞与非阻塞。
    Spring MVC 配置
    Java Web框架的基本组件
    add函数
  • 原文地址:https://www.cnblogs.com/hxsyl/p/3202004.html
Copyright © 2011-2022 走看看