# Web design
## html Pug樣板語言
###### tags: `Pug` `webdesign`

a(herf="http://www.google.com") visit google.com!
.namecard
.circle.circle1
.circle.circle2
h2 楊馭智
span(Matt_YANG)
h5 CODEDESIGN - 設計師
hr
p 科技,網頁設計,動畫,籃球

1. 標籤直接獨立出來
2. 屬性值是分開給在標籤後面

小括號用 Pug 樣板語言
中括號用再縮寫模組

## CSS 樣板語言 sass
$background_color: #abc
$font-family: 微軟正黑體
//變數功能

.namecard
width: 350px
height: 200px
border-radius: 5px
background-color: $background_color

& h2
font-size: 30px
font-family: $font-family

## CSS(sass) 變數概念與管理顏色
$全部修改 （變數公能）