zoukankan      html  css  js  c++  java
  • css 选择器

    原文出处:https://www.cnblogs.com/zc666/p/6830850.html

    1、<div></div>

      a)作用:主要起到分区的作用,可以把html网页分成独立、不同的部分

      b)特点:独占一行,可以设置宽高(块级元素)

    2、<span></span>

      a)特点:没有宽高,靠内容撑起,不会独占一行

      b)作用:被用来HTML文档中的行内元素

    3、CSS注释

     

    /*中间包裹的都是被注释的*/

    相当于html中的<!-- -->

    4、CSS基本语法:

    选择器{

      属性:属性值;

      属性:属性值;

    }

    4、CSS选择器

      1)标签选择器:

        a)特点:直接作用于HTML标签

     

      2)ID选择器

        a)特点:具有唯一性:同一ID在同一页面只能使用一次

        b)何时使用:只有一个地方需要定义某种样式的时候

     

      3)类(class)选择器

        a)特点:可以在同一页面使用多次

        b)何时使用:当两个及两个以上的地方需要同一种样式的时候

     

    (4)后代选择器

    a)外层的标签写在前面,内层的标签写在后面,之间用空格隔开

    b)标签在嵌套的时候,内层的标签就成了外层标签的后代

     

      (5)属性选择器:

        a)可以根据HTML元素的属性及属性值来选择元素

     

      (6)组合选择器

        a)由多个选择器组合而成,中间用英文逗号隔开

        b)同时需要声明同一种样式

     

      (7)通配符选择器

        a)*代表HTML所有元素并与之匹配

     

    5、CSS选择器命名规范:

    (1)不能以数字开头,也不能特殊符号开头(必须以字母[推荐小写字母]开头),可以使用字母加数字(例:a123)

    (2)不能使用中文,尽量使用英文小写字母

    (3) 可以下划线或者中划线链接。例:second_title/second-title

  • 相关阅读:
    November 07th, 2017 Week 45th Tuesday
    November 06th, 2017 Week 45th Monday
    November 05th, 2017 Week 45th Sunday
    November 04th, 2017 Week 44th Saturday
    November 03rd, 2017 Week 44th Friday
    Asp.net core 学习笔记 ( Area and Feature folder structure 文件结构 )
    图片方向 image orientation Exif
    Asp.net core 学习笔记 ( Router 路由 )
    Asp.net core 学习笔记 ( Configuration 配置 )
    qrcode render 二维码扫描读取
  • 原文地址:https://www.cnblogs.com/xuwebdesign/p/10413080.html
Copyright © 2011-2022 走看看