html css js快速了解应用

html css js快速了解应用

HTML是名词,CSS是形容词,JavaScript是动词

css

  • CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:
  • CSS注释以 “/*” 开始, 以 “*/“ 结束,
  • 如果你要在HTML元素中设置CSS样式,你需要在元素中设置”id” 和 “class”选择器,在css中使用#来匹配id

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。使用的是.匹配

  • 三大选择器

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    <!DOCTYPE html>
    <head>
    <title>css学习</title>
    <!-- 选择器 -->

    <link rel="stylesheet" href="./style.css" >
    <style>
    /* 标签选择器 */
    /* 优先级从小到大,往下

    h2{
    color: antiquewhite;
    }
    .h3{
    color: black;
    }
    #id{
    color: blue;
    }
    </style>
    </head>
    <body>
    <!-- 选择器 选择页面的某一个元素 -->
    <!-- 标签 -->
    <!-- 类 多个选择渲染-->
    <!-- id选择器 保持唯一-->
    <h1>
    学习css
    </h1>
    <h2>
    什么东西
    </h2>

    <h3 class="h3">
    类选择器学习
    </h3>


    <h4 id="id">
    id选择器
    </h4>

    </body>
  • backgound属性

image-20200312203508628

  • text-decoration 属性用来设置或删除文本的装饰。

  • p {text-indent:0px;} text-indent用来缩进

  • image-20200312203918446

  • font-style:用来设置字体样式,用em来设置字体大小

  • image-20200312204227525

  • 列表序号

  • image-20200312204438771

  • 表格属性

image-20200312204739839

  • 边框

  • image-20200312205009363

  • border-style:用来定义边框属性image-20200312210322663

评论