• CSS样式学习-1


    一、分类

    ①内联,写在标签中,写法是style="样式属性"。优先级最高。

    优点:控制精确。缺点:代码重用性差,范围小。

    例如:

    <div style="font-size=12px;"></div>
    

      

    ②内嵌,在<head></head>中书写。

    优点:代码重用性好,范围大。缺点:控制性差,不精确。优先级最差。

    注释方法:/*注释内容*/

    例如:

    <style type="text/css" >
    /*这是要被注释内容*/
    </style>
    

    ③外部,在<head></head>中书写。

    优点:代码重用性最好,范围最大。缺点:控制性差。优先级中。

    使用<link />标签引用外部css。

    例如:

    <head>
       <link src="Untitled.css" />
    </head>

    
    

    二、选择器

    ①元素命名,id、class

    *号是指所有。

    *{}对所有元素增加样式。

    ②获取id

    #id{}选择id名称是“id”的元素,id具有唯一性。

    ③获取class

    .class{}获取class名称是“class”的元素,class可以命名多个元素。

    ④标签选择器

    格式为:标签名{}

    ,并列

     空格后代

    .点筛选

    例如:

    <head>
    <style type="text/css">
    div{}/*标签选择器*/
    #a{}/*id选择器*/
    .b{}/*类级选择器*/
    div #a{}/*空格后代,div标签下的span标签*/
    div, font{}/*逗号并列,div和font标签*/
    </style> </head> <body> <div> <span id="a"> </span> </div>
    <font class="b">
    </font> </body>

      

      

  • 相关阅读:
    迭代器模式-Iterator
    kubernetes之一 k8s基本概念
    多线程中的异常处理
    MySQL高可用集群方案
    RabbitMQ的集群模式
    多线程中如何取消任务
    公钥、私钥、摘要、数字签名、证书
    将Ubuntu系统迁移到SSD固态操作
    Java线程的状态和状态转换
    Ubuntu18.04系统和软件安装记录
  • 原文地址:https://www.cnblogs.com/wannian/p/8241293.html
Copyright © 2020-2023  润新知