标签:
raw css:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> p.ex1 { font:italic arial,sans-serif; } p.ex2 { font:italic bold 12px/30px arial,sans-serif; } </style> </head> <body> <h1>this is a raw css page </h1> <p>static files must be put in <font color="red" ><b> static</b></font> directory in webpy !</p> <p class="ex1"> SEE HERE css p.ext1 test </p> <p class="ex2"> SEE HERE css p.ex2 test </p> </body> </html>
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <!-- bootstrap下载地址:http://getbootstrap.com/getting-started/ --> <link rel="stylesheet" href="./bootstrap-3.3.6-dist/css/bootstrap.min.css"/> <link rel="stylesheet" href="./bootstrap-3.3.6-dist/css/bootstrap-theme.min.css"/> <link rel="stylesheet" href="./bootstrap-3.3.6-dist/js/bootstrap.min.js"/> </head> <body> <h1>this is a bootstrap css page </h1> <p>static files must be put in <font color="red" ><b> static</b></font> directory in webpy !</p> <!-- bootstrap样式参考: http://v3.bootcss.com/css/#buttons-options --> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type="button" class="btn btn-primary">(首选项)Primary</button> <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-success">(成功)Success</button> </body> </html>
python web框架企业实战详解(第六期)\第三课时-css&bootstrap
标签:
原文地址:http://blog.csdn.net/t0nsha/article/details/50868855