python学习第六十天:BootStrap

UI框架

  • 包含CSS、JS特效插件的工具集,快速开发网页
  • 经典的UI框架:BootStrap、JQueryUI、MeiziUI……

BootStrap

2.1 版本

  • 用于生产环境(CSS\JavaScript)
  • 源码(LESS)(LESS是CSS预处理器)
  • SASS(SASS也是CSS预处理)
  • 中文网网站地址:http://www.bootcss.com/

响应式布局

3.1 手机屏幕的分辨率

  • 现在绝大部分手机视网膜屏幕,有物理分辨率,和渲染分辨率。iphone8物理分辨率为750*1334渲染分辨率为375*667
  • 手机浏览器为了让没有做响应式处理的网页能够正常显示,自动进行缩放。视口的大小通常会设置为980px

3.2 媒体特效:

min-width
min-height
max-width
max-height
width
height
......

3.3 视口

<meta name="viewport" content="width=device-width,initial-scale=1.0">

4 布局

4.1 格栅系统

.container
<768px  100%            超小屏幕 xs
>=768px <992px  750px   小屏幕,范围在[768,992)时,使用750px  sm
>=992px <1200px  970px   中等屏幕,范围在992,1200)时,使用970px  md
>=1200px  1170px   大屏幕,范围在[768,992)时,使用1200px  lg
.行和列
行 .row
列 col-xs-*  col-sm-*  col-md-*  col-lg-*
把父元素分成12份,*指定占父元素的份数

4.2 表格

.table              table标签中必须加tableclass
.table-striped      条纹状表格
.table-bordered     带边框的表格
.table-hover        鼠标悬停
.table-condensed    紧缩表格
.success  .info  .danger  .warning  .active  颜色

4.3 表单

.form-horizontal
.form-group
.form-control
.control-label

原文地址:https://www.cnblogs.com/luck-L/p/9507997.html

时间: 2024-10-15 05:21:51

python学习第六十天:BootStrap的相关文章

python学习第六十五天:前端知识点总结

前端知识点串讲 1 HTML 1.1 组成 HTML标签: 单 双 HTML标签属性 class id 1.2 HTML标签 # 页面结构标签 html body head # HEAD 头部标签 meta title style link script # 格式标签 p h1~6 pre br hr # 文本标签 em strong sub sup del ins i # 列表 ul ol li dl dt dd # 表格 table thead tbody tfoot tr td th ca

java之jvm学习笔记六-十二(实践写自己的安全管理器)(jar包的代码认证和签名) (实践对jar包的代码签名) (策略文件)(策略和保护域) (访问控制器) (访问控制器的栈校验机制) (jvm基本结构)

java之jvm学习笔记六(实践写自己的安全管理器) 安全管理器SecurityManager里设计的内容实在是非常的庞大,它的核心方法就是checkPerssiom这个方法里又调用 AccessController的checkPerssiom方法,访问控制器AccessController的栈检查机制又遍历整个 PerssiomCollection来判断具体拥有什么权限一旦发现栈中一个权限不允许的时候抛出异常否则简单的返回,这个过程实际上比我的描述要复杂 得多,这里我只是简单的一句带过,因为这

Python学习笔记第二十六周(Django补充)

一.基于jQuery的ajax实现(最底层方法:$.jax()) $.ajax( url: type:''POST" ) $.get(url,[data],[callback],[type])  #callback是发送成功后就执行的函数,type是告诉服务器需要什么数据,type:text|html|json|script $.post(url,[data],[callback],[type]) 例子: $.get('/jquery_get/',{name:'gavin'}) //name关键

python学习之第十六课时--缩进(indentation)

python最具特色的是用缩进来标明成块的代码 我们下面用if选择结构举例,if后面跟随条件,如果条件成立,则执行归属于if的一个代码块 先看c语言的表达方式 if(i>0) { x=1; y=3; } 如果i>0的话,我们将进行括号中所包括的两个赋值语句.括号中包含的就是块操作,它隶属于if 同的目的,在python中,这段话是这样的 if i>0: x=1 y=3 在python中,去掉i>0周围的括号,去除每个语句尾的分号,表示块的花括号也消失了.多出来:(冒号),还有x=1

python学习之第十六课时--函数的作用及定义

例子: 当我们知道半径r的值时,就可以根据公式计算出面积,假设我们需要计算3个不同大小的圆的面积: #!/usr/bin/env python # -*- coding:utf-8 -*- r1=2.34 r2=7.28 r3=10.32 s1=3.14*r1*r1 s2=3.14*r2*r2 s3=3.14*r3*r3 当代码有规律的重复的时候,每次写3.14*x*x不仅很麻烦,而且如果要把3.14改成3.14159的时候得全部替换 有了函数,我们不再每次写s=3.14*x*x,而是写成更有意

Python学习笔记(十六)拓展库Scipy

python学习(二十六)网络编程

1.request方法 发送get请求 from urllib import request import json url='xxx/stu_info?stu_name=xiaohei' req=request.urlopen(url,)#打开一个url发送get请求 content=req.read().decode()#获取返回结果 res_dic=json.loads(content)#返回结果转成字典 if res_dic.get('error_code')==0: print('测试

Python学习笔记(十八)

一.datetime简介 datetime是Python处理日期和时间的标准库 二.导入datetime日期时间处理标准库 # datetime是日期时间模块,其中包括一个同名的日期时间类 from datetime import datetime 三.获取当前的年月日日期时间信息 # 获取当前日期时间信息 now = datetime.now() 四.指定日期时间 dt = datetime(2015,3,4,12,12,23) 五.将日期时间转换为Unix时间缀 # 将日期时间对象转换为Un

Python学习笔记(十)

一.类和构造函数的定义 class 类名(object): def __init__(self,name,score): self.name = name self.score = score def show_info(self): print("name=",name,"score=",score) 类名通常大写 二.通过变量生成实例 student1 = Student("cq",100) 三.自由的为对象实例添加属性 student1 =