分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

作为初学者如何高效快速辨别使用css中不同的选择器

发布时间:2023-09-06 02:06责任编辑:蔡小小关键词:选择器

  首先,晒出自己的第一次作品,以次当作对日后的鼓励。

  作为一个css初学者,一开始接触到许多的选择器还是有些头疼的,特别是看到style中的符号不能第一时间判断出这是哪个选择器时。先列出目前所学的选择器及格式:1、标签选择器  div{

           backgound-color:^;

             width:^;

             height:^;

           magin:^,^,^,^;

           padding:^,^,^,^;

           }

  2、类选择器    .lei{

          同上

          }

  3、ID选择器  #ID{

          同上

          }

  4、分组选择器 DIV,SPAN{

              同上

              }

  5、后代选择器 DIV(空格)SPAN{

              同上

                }

     需要注意的是:使用属性margin 和padding时 边框顺序位上 右 下 左 及按照顺时针顺序编写属性值;选择器之间有优先级,并且范围越小优先级越高。3>4>5>2>1

作为初学者如何高效快速辨别使用css中不同的选择器

原文地址:https://www.cnblogs.com/zzz1976/p/9382582.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved