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:右;
  • 相关阅读:
    面向对象设计原则
    简单工厂模式和策略模式结合使用php
    lua string
    js.ajax优缺点,工作流程
    深入理解JavaScript是如何实现继承的
    js中哈希表的几种用法总结
    js,indexOf()、lastIndexOf()
    js获取字符串字节数方法小结
    JS(JavaScript)插入节点的方法appendChild与insertBefore
    js中的this关键字详解
  • 原文地址:https://www.cnblogs.com/heitaitou/p/12236340.html
Copyright © 2011-2022 走看看