HTML入门学习day:5

CSS中,两个class类之间有空格和没空格的区别?

.example .pp{
  color: orange;
}
.example.pp2 {
  color: green;
}

如上面的两个定义一个是中间有空格，一个是中间没空格。
第一个class要这样写生效：

<p class="example">文字文字
    <span class="pp">pp这个class生效</span>
    ....
</p>

第二个class要这样写生效：

<p class="example pp2">
    pp2这个class生效
</p>

.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。
.example.pp2 则是在一个元素上，这个元素包括这两个类才会有效果。
另外 less中表示 .example.pp2 的写法：

.example{
    &.pp2
}.

继续看视频ing

background简写

border的简写 要注意顺序不能写错

font简写

能够省略，但是要注意顺序

margin顺时针

四个都不能省略，写成3个意思就不同了

2个是这样；1个就是上下左右了

padding填充简写；少些元素则跟边距类似意思

颜色的简写