zoukankan      html  css  js  c++  java
  • CSS的选择器及字体和文本类

    CSS的选择器(3种):

    1:id选择器:在标签中添加id属性   (id值不能重复)

             <标签名 id="id值"></标签名>

    语法: #id值{
                              样式1:样式值1;
                             样式2:样式值2;
                     }

    2:class选择器:在标签中添加class属性

             <标签名 class="class值"></标签名>

     语法: .class值{
                             样式1:样式值1;
                             样式2:样式值2;
                       }

    3:元素选择符(类型选择符,标签选择器)

     语法:标签名{
                      样式1:样式值1
                      样式2:样式值2
                     }

    选择器关系:
              

     1.并列关系:
                     选择器1,选择器2
                            {
                             样式1:样式值1
                             样式2:样式值2
                             }
               2.父子关系: 选择器1 选择器2
                            {
                             样式1:样式值1
                             样式2:样式值2
                             }
               
               3.兄弟关系: 选择器1+选择器2
                            {
                             样式1:样式值1
                             样式2:样式值2
                             }

     字体样式:

    文本样式:

    边框样式:

    在border-style:

    属性用来定义边框的颜色
    简易写法:
    border- 1px;
    border-style: solid;
    border-color: red;
    可以简写为:border:1px solid red;
    局部边框样式
            border-top:上;
            border-bottom:下;
            border-left:左;
            border-right:右;
  • 相关阅读:
    day04
    day02
    day01
    if语句用户交互字符串
    python安装和pycharm安装教程
    day1预习
    博客园的使用
    python day 3
    从cbv到fbv:用函数写视图与用类写视图的区别(drf与restful)
    resful规范: 进行数据交换时的代码潜规则
  • 原文地址:https://www.cnblogs.com/heitaitou/p/12236340.html
Copyright © 2011-2022 走看看