码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-07-28 18:20:52      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:快速   http   作品   不能   分组   选择器   alt   col   空格   

  首先,晒出自己的第一次作品,以次当作对日后的鼓励。技术分享图片技术分享图片

  作为一个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中不同的选择器

标签:快速   http   作品   不能   分组   选择器   alt   col   空格   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!