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选择器

  • 相关阅读:
    Win8系统 Python安装
    一些安卓开源框架整理
    Android 媒体键监听以及模拟媒体键盘的实现 demo
    android View 自动 GONE 问题
    Android 定时器TimerTask 简单使用
    关于Android studio 相对 eclipse 优点
    Java序列化与反序列化
    android shape的使用 边框
    Android Studio 修改 包名 package name
    Android WebView Long Press长按保存图片到手机
  • 原文地址:https://www.cnblogs.com/64Byte/p/12497936.html
Copyright © 2011-2022 走看看