拿你讲到的标签举例： a{color:#000}。
1、{}前面的是对象的选择器，在上例中，你的选择器选择了所在的html中的所有的a标签；
2、{}中间的是对象的属性名、属性值，每个属性名和它对应的属性值用“:”合成一组，每两组属性中间用“”隔开；
3、目前css的基本选择器，只支持四种格式，一种是标签名（不需要符号，直接写）、一种是class名（在class的名字前加“.”）、一种是id名（在id的名字前加“#”）、一种是状态（伪类，在选择器后面加“:”及其他特殊字符）
4、还有css的扩展选择器，这个就比较高阶了，慢慢你都会遇到。
下面是例子，希望对你的理解有帮助。
例一：
a{color:#f00}
上面这句代码意味着，页面上所有的<a>标签对象，都指定了一个对象的属性color，这个属性color的值为“#f00”。
例二：
如果有这么一段html代码片段
【
<a href="sfd.html">A标签</a>
<a class="test" href="sdf.html">另外一个A标签，它有一个值为test的class属性</a>
<p class="test">这个是P标签，它有一个值为test的class属性</p>
】
我想让普通的A标签的颜色为#f00，想让class为test的所有标签的颜色为#00f，想让class为test的A标签的颜色为#0f0，这时你就要这么写
【
a{color:#f00}
.test{color:#00f}
a.test{color:#0f0}
】
转自 菜鸟教程
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
下面的图片说明了盒子模型(Box Model)：
转自 链接
盒子模型有两种，分别是W3C盒子模型(标准盒模型)和IE盒子模型(怪异盒模型)
1.标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。
2.标准盒模型下盒子的大小 = content + border + padding + margin
1.怪异盒模型中的width指的是内容、边框、内边距总的宽度（content + border + padding）；height指的是内容、边框、内边距总的高度
2.怪异盒模型下盒子的大小=width（content + border + padding） + margin
建议不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。
即box-sizing属性可以指定盒子模型种类，content-box指定盒子模型为W3C（标准盒模型），border-box为IE盒子模型（怪异盒模型）。
