• html5_______9.10


    1.属性:表示事物的一些特征。

    属性:标签属性和样式属性

    标签属性:<img src="" width=""height="">

    样式属性:<style>                    两者的区别:位置不同、写法不同。

                            P{

                                color:red;

                             }

    2.选择器

    标签选择器:用style表现标签的特征;如:<p>在style中以P{}的形式来突出<p>的特性。

    id选择器:和标签选择器差不多,只不过在使用前style中要加#+编辑的名字       编辑的名字要写英文字母以下雷同

    class选择器:和以上选择器差不多,不过在使用前要加.+编辑的名字

    样式的高低由选择器的权重决定,如标签的权重为1  ID的权重为100   class的权重为10  style的权重为1000  且权重可以叠加

    子代选择器:如同爸爸与儿子之间的一代关系,<p class=”a">            可以用.a>a{                     

                                                                     <a href="“></a>                          color:red;

                                                                   </p>                                           }     来表示

    后代选择器:如同爸爸是爷爷的后代,儿子也是爷爷的后代。<p>                     可以用p  a{

                                                                                                    <a href="">                             color:blue;

                                                                                                    </p>                                     }来表示

    交集选择器:如同一个人有自己本身的名字和别人给他起的外号;<p class="aa"  id="bb">  可以用#aa.bb{

                                                                                                               aggauhuh                                             color:red;

                                                                                                              </p>                                                       }来表示

    3.css

    css:层叠样式表,给HTML添加样式                                                   

    <style type="text/css">

    </style>

    html的type是text/css

    stml的样式

    (1)行间样式将html当做属性写在标签内。

    <p style="color:red">爱国福</p>

    (2)行内样式 把style当做标签来用 写在head之间

    <style type="text/css>

    p{

        color:red;

       }

    </style>

    (3)把style当做CSS文件来用。外部引用

    <link type="text/css" rel="stylesheet" href="./0.1.css">

    css:p{

              color:red;

             }       

    href与rel必不可少

    备注:双标签必须写结束标签   P可以忽略写结束标签

  • 相关阅读:
    Linux内存运维操作及常用命令
    Quartz定时任务
    Spark DataSource Option 参数
    Hadoop HDFS命令
    Java,Scala:JDBCUtil,MySqlUtil,PhoenixJDBC
    RedisUtil,Redis工具类
    通过脚本本地下载Jar包
    Redis五种数据类型-设置key的过期时间
    spark整合Phoenix相关案例
    Spark Dataset DataFrame空值null,NaN判断和处理
  • 原文地址:https://www.cnblogs.com/mo123/p/9622030.html
Copyright © 2020-2023  润新知