zoukankan      html  css  js  c++  java
  • css层叠样式-选择器

    1.内联:
            在标签中设置style属性
            <标签名 style=“样式1:样式值”></标签名>
    2.内嵌:
            在head标签中加入style标签
            <style>
                选择器1{
                    样式1:样式值1;
                    样式2:样式值2;
                }
            </style>

    3.外部引入
            新建。css文件,在css文件中写样式
                选择器1{
                    样式1:样式值1;
                    样式2:样式值2;
                }
                在html文件的head标签中用
                <link href=“xxx.css”>
            选择器:
                1.id选择器
                    在标签中加入id属性<标签名 id="">
                        #id值{
                    样式1:样式值1;
                    样式2:样式值2;
                }
                2.class
                    在标签中加入class属性<class="class值">
                    .class值{
                    样式1:样式值1;
                    样式2:样式值2;
                }
                3.元素(标签)选择器
                    在内嵌或者外部css文件中书协的格式
                        元素{
                    样式1:样式值1;
                    样式2:样式值2;
                }
                id选择器>class选择器>元素选择器
                内联>内嵌>外部引入
                选择器的关系:
                选择器1,选择2{
                }
                父子关系:
                选择器1 选择器2{
                }
                兄弟关系:{
                  
                }
        内联一般不用,因为改起来太麻烦。一般都用外部引用

     关于选择器都可以,一般class用的多。 

  • 相关阅读:
    性能优化汇总
    数组迭代,对象迭代
    数据类型转换
    Vue v-model原理解析
    闭包机制及浏览器垃圾回收处理
    面试题解析
    作用域链查找机制,浏览器的垃圾回收机制
    函数的创建与执行,执行函数
    Mybatis底层源码执行流程
    简单易懂的TCP三次握手及四次挥手
  • 原文地址:https://www.cnblogs.com/sy130908/p/11052316.html
Copyright © 2011-2022 走看看