zoukankan      html  css  js  c++  java
  • 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可以忽略写结束标签

  • 相关阅读:
    【转载】Scarbee Pre-Bass 贝司的使用教程
    罗兰管弦乐音色表【中英文对照】 ----转载
    快速查询
    免费好用的Noto字体
    用了一年多之后才搞懂阿里云OSS收费细则
    “生成能够被扫描枪正常扫描出中文的二维码”
    .NET Core 3.0正式版发布
    快速删除一个“大目录”
    WSL2(预览版)体验笔记
    局域网地址为什么是192.168.X.X?为什么连上公司的VPN就上不了网?
  • 原文地址:https://www.cnblogs.com/mo123/p/9622030.html
Copyright © 2011-2022 走看看