我搜索了一些时下最好最流行的codepen(仅限于HTML和CSS)。如果你能把它们融入到设计中去，那么就会大大节省很多时间。
在下面的例子中你会看到各式各样的片段，HTML
陈列，登录方式，垂直菜单，甚至时下最流行的主题：扁平化设计(扁平化图像，扁平化按钮形状，扁平化用户界面要素等)。好好欣赏这些精选的代码片段吧，如果现在没时间看完所有的代码例子，那就保存下来以备不时之需吧。
CSS3
Working
Clock
这是一个纯css3时钟。它使用css动画还有图形，没有使用任何图片或者是js
CSS3
Pricing
Table
CSS
Loader
Pure
CSS3
MacBook
Air
with
Thunderbird
Display
and
Keyboard
Button
Concept
CSS3
Loading
Animation
Pure
CSS3
Vertical
Menu
with
Hover
Effect
CSS3
Stamp
effect
using
radial
gradients
I
Love
Blur
Social
Navigation
Login
Calendar
Social
Footer
Parallax
Landscape
CSS3
Thermometer
CSS-Only
Responsive
Layout
with
Smooth
Transitions
Flat
CSS3
Weather
Widget
Flat
Responsive
Sliding
Boxes
Tiny
CSS3
Round
Breadcrumb
CSS3
Hover
Effect
using
:after
Psuedo
Element
Flat
UI
Elements
CSS
Flat
Button
Shapes
UI
Flat
Icons
CSS
button{width:70px
height:30px
color:#fff
text-align: center
background-color:#c00
color:#fff
line-height: 28px
border-radius:15px
border:0
outline: 0
transition: background 0.2s
}
button:hover{
background:#666
} <button>Go</button>
1、打开Dreamweaver输入任意汉字，点击编辑css。
2、选择中文字点击鼠标右键css样式-附加样式表。
3、弹出对话框选择附加样式表。
4、弹出附加样式表中选择文本Verdana，点击确定即可.
