• css选择符归类


    Css语法:
    选择符{属性,属性值}
    选择符:就是给标签起名字
    (一)类型选择符(标签选择符)
    所有的html标签可以当作选择符应用

    特点:能选中当前结构中里面全部同名标签
    应用:想统一某一个标签样式的时候h或者清楚某个标签样式的时候
    (二)id选择符。相当于人的身份证号
    语法:
    起名字: <标签 id="名称"></标签>
    用名字写样式: #名称{属性:属性值}
    特点:唯一性:在同一网页里面,一个id只能用一次。
    应用:来划分网页的外部结构。
    起名•规范:
    尽量小写字母开头。
    数组、字母、下划线、连字符的组合。
    不能使用关键字命名(所有的标签都属于关键字)
    起名方法:
    1.驼峰式命名法:
    news-Left news-Right
    2.连字符命名法:
    news-left news-center news-right
    3.下划线命名法:
    news_left news_center news_right

    (三)类选择符(class选择符)
    类名处 编辑需用.class
    语法:
    其名称: <标签 class=名称1 名称2 名称3 名称4 ></标签>
    用类名写样式: . 名称{属性:属性值}
    起名•规范:
    尽量小写字母开头。
    数组、字母、下划线、连字符的组合。
    不能使用关键字命名(所有的标签都属于关键字)
    最开始需要命名 然后再开始

    起名方法:
    1.驼峰式命名法:
    news-Left news-Right
    2.连字符命名法:
    news-left news-center news-right
    3.下划线命名法:
    news_left news_center news_right

    特点:
    	A. 一个元素有多个类名,类名可以重复出现
    	b.可以制定一类样式
    

    (四):群组选择符
    语法:以逗号分隔开的方式,将多个选择符组成一组,给整体加样式。
    选择符1,选择符2,选择符3,选择符4{属性:属性位; }
    eg :
    #box, .con,h3 , #wrap{ 300px ;}

    (五)包含选择符 (子代选择符/后代选择符)
    语法:父元素 子元素(空格•链接) {属性:属性值;}

    (六)伪类选择器(同时存在时不能改变顺序)
    a:link {color: red;} /未访问的链接状态/
    a:visited {color: green; } /已访问的链按状态/
    a:hover {color: blue; } /鼠标滑过链按状态/
    a:active {color: yellow; } /鼠标按下去时的状态/
    伪类选择器经典操作:
    a{

    	color:red;
    
     }
    a:hover{
    	color:yellow;
     }
           注意:a为四种状态统一
    	且给谁hover就改变谁。
    

    (七)通配符
    *{}
    *选择页面中所有的元素!

         *{
           margin:0;盒子外面间距为零
          padding:0;盒子
           }
    

    去除默认样式,重置样式

  • 相关阅读:
    androidstudio配置http proxy以及配置gradle
    发布jar到docker的方法
    idea直接发布项目到docker中
    安卓启动相机报错android.os.FileUriExposedException: file:///storage/emulated/0/
    centos 7.4搭建Harbor、push docker镜像以及常见错误
    dock的卸载与安装
    centos部署Kubernetes(k8s)集群
    Logback将日志输出到Kafka配置示例
    JavaScript设计模式 Item 5 --链式调用
    你不知道的JavaScript--Item27 异步编程异常解决方案
  • 原文地址:https://www.cnblogs.com/SmileCakes/p/12595178.html
Copyright © 2020-2023  润新知