zoukankan      html  css  js  c++  java
  • 样式表的类型和选择器

    一、样式表的分类,根据样式表所在的位置分类

      1.内联的,如 <div  style="color:red>" 是写在标签名内部的,

        特点是控制精确,但是会代码冗余,代码重用性差。

      2.内嵌的,写在<head></head>里的,<style type="text/css">样式表</style> ,

        特点是控制精确不如内联,代码重用性较高。

      3.外部样式表,一个单独的样式文件,通过在head里用<link href="xx.css" rel="stylesheet" type="text/css">来引用,或者在head区域内直接右键点击添加CSS样式表,

        特点是控制最不精确,但是代码重用性最好。

      优先级:内联的>内嵌的和外部样式表,内嵌的和外部样式表只有先后的关系,没有谁的优先级高的关系,

     

    二、选择器,在样式表里使用, 是用来找到标签以方便给元素添加样式的

      1. # 选择器,代表通过id选择,#aa 就表示id名为aa的元素,

        id的命名不能以数字开头,id是唯一的不可重复的,同一网页不能出现同样的id名。

      2. 选择器,代表通过class选择, .bb 就表示class名为bb的元素,

        class名是可以重复出现的,所以通过class选择器可以一次性选中多个元素。

      3. 标签名选择器,直接写标签名,代表选中选中所有的该标签元素。

      4. * 选择器,选择网页里所有的元素。

      选择器的优先级:id>class>标签名>*  ,即精确程度越高则优先级越高。

      组合选择器:

        ,代表并列关系,#aa,#cc 代表选中id为aa和id为cc的元素,

        空格代表后代关系,#aa img 代表选中id为aa的元素里面的img标签,

        .代表用class名筛选,一般不用。

  • 相关阅读:
    c# 发送邮件笔记(一)
    windows API(一)
    SubSonic3.0安装
    Node.js安装MongoDB驱动
    JDBC连接数据库方法
    Delphi LiveBindings如何绑定一个对象(二)(转)
    delphi RTTI机制学习(一)
    Delphi LiveBinds组件
    mysql 每个分类各取5条
    mysql in(...) 1次取出当前记录及上1条下1条记录, 且使用了主键作为索引
  • 原文地址:https://www.cnblogs.com/zxbs12345/p/7891107.html
Copyright © 2011-2022 走看看