インターン
ブログ

div 
  background-color: blue 
  margin: 0 auto 
    p 
      padding: 0 0 0 10px 
        span 
          font-size: 5em

div {
  background-color: blue;
  margin: 0 auto;
    p {
      padding: 0 0 0 10px;
        span {
          font-size: 5em;
        }
    }
}

• ネスト（入れ子）が使えるので構造が把握しやすい
• 変数が使える
• 四則演算ができる
• @mixinでコードを引用、@extendでスタイルを継承することができる

<div class="card text-center">
  <div class="card-header">
    <ul class="nav nav-tabs card-header-tabs">
      <li class="nav-item">
        <a class="nav-link active" href="#">Active</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>
  </div>
  <div class="card-body">
    <h5 class="card-title">Special title treatment</h5>
    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

class House:
  def __init__(self,color = "black", height = "3m"):
    self.color = color
    self.height = height

#引数なし
house1 = House()  
print(house1.color)
print(house1.height)

#引数有り
house2 = House("blue","10m") 
print(house2.color)
print(house2.height)

#引数なし
black
3m

#引数有り
blue
10m