style conference

front_end

HTML

Render result

With position setting

Note

• margion: auto
  make the content in page center
  

• btn: inline-block
  make the a as a bolck element
  

• border-sizing: border-box
  make the element in grid show in one row
  

Render result

With font & text Style setting

Note:

• set color and font-weight, font-size, line-height, font-family
  

• set text-align, text-transform, text-decoration
  

Render result

With background color

Note:

• set background color
  

Render Result

nav using li

Note:

• marker need padding or can use img
  

• inline the li will make marker type be none
  

Render Result

• http://blog.csdn.net/q_an1314/article/details/53443049
• http://stackoverflow.com/questions/29388626/how-to-speed-up-webstorm
• https://blog.jetbrains.com/webstorm/2016/04/angular-2-workflow-in-webstorm/