码迷,mamicode.com
首页 > 编程语言 > 详细

python web框架企业实战详解(第六期)\第三课时-css&bootstrap

时间:2016-03-13 06:29:59      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

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>



bootstrap css:

<!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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!