zoukankan      html  css  js  c++  java
  • CSS样式的4种写法 | 以及选择器的几种用法

    CSS样式:

    1.内部样式表

       <style type="text/css">
           样式表写法
         </style>

    2.使用link标签,在文档中声明使用外接资源,最常用的一种方式。(推荐)

       <link  type="text/css"   rel="stylesheet" href="文件路径" />

    3.@方式,引入css,注意这个是异步加载的,在整个html加载之后才加载,会导致页面闪烁。不推荐使用。

       <style>

       @import url("文件路径");

       </style>

    4.内联样式表(行内样式表),优先级最高最直白,但不能复用不容易维护。

        <input type="text" style="color:0x550;font-size:30px;"/>

    优先级:  行内样式  >  内部样式  >   外部样式


    选择器:

    1、 标签选择器:       语法:标签名

             标签名 选取相同的所有标签

    2、 选择器:          语法:   .class的值

               每一个标签添加class属性, 类, 不同标签拥有相同的class,  

               注意:  标签怎么添加多个class, class属性值  多个class值用空格分隔  

    3、  id选择器           语法:  #id的值  

               每一个标签添加一个id属性,   要求id的值唯一,   

    4、 组合选择器:

      A) 并集选择器: (或者)   选择器1, 选择器2, 选择器3,....

      B) 交集选择器:(并且)  选择器1  选择器2

       注意:   选择器1 只能是标签选择器

                  选择器2: 只能是id选择器或者类选择器

    (例如 p标签.class的值#div的值  或者 p标签#div的值.class的值 )

      C) 后代选择器: (儿子,孙子,.....)   选择器1 选择器2  ....... 

      D) 全选择器: *

       优先级: 标签选择  < 类选择器 < ID选择器

  • 相关阅读:
    day13-web前端之JS与JQuery
    day16-python项目Django框架之基础
    day12-HTML、CSS与blog页面讲解
    day11-MySQL数据操作索引备份触发器
    day10-python并发编程之多线程协程及MySQL
    day9-python并发编程之多进程多线程
    day8-异常处理与网络编程
    面向对象实战扩展(课外阅读)
    day7-面向对象之继承组合多态封装等
    python学习大纲
  • 原文地址:https://www.cnblogs.com/64Byte/p/12497936.html
Copyright © 2011-2022 走看看