---
# System prepended metadata

title: Web design
tags: [Pug, webdesign]

---

# 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) 變數概念與管理顏色
$全部修改 （變數公能）