表单的处理一般都比较繁琐和枯燥，如果想简单的使用表单就可以使用Flask-WTF插件，同时我们把WTF融合到Bootstrap中这样样式的问题都自动解决了，本篇文章就为您讲解这些内容。 先要注意一点，在使用WTF的时候我们要在程序中设定一下SECRET_KEY，不然会出现"Must provide secret_key to use csrf"错误。 app.config[SECRET_KEY] = xxxx Flask-Bootstrap在前面的文章中已经讲过了，不再重复。 后台WTF编码 先看实例：...
LESS 是css的一种扩展，它的编辑器是基于node.js 的less.js，将less文件编译成css文件（可压缩）。 其中的概念： 变量：定义变量来代替某个值，只能编译一次，本质是“常量”。例如： @color:#ffddee;body { background-color:@color; } 输出的结果为: body { background-color:#ffddee;} 变量是延时加载的，只有用到的时候才会加载。变量的查找顺序是从下到上，最近优先...
标签：HTML+CSS 什么是选择器？ 每一条css样式声明（定义）由两部分组成，形式如下： 选择器{ 样式;} 在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素 标签选择器 标签选择器其实就是html代码中的标签。如下面代码中的、、、、。例如下面代码： p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用：为p标签设置12px字号，...
使用数组总是会碰到数组的遍历（迭代）操作。说到迭代，可能会立马想起 for 语句对数组进行迭代。比如需要迭代出下面数组 peoples 年龄( age )大于 30 的人名( name )。 var peoples = [ { name: Agraj, gender:M, age: 29, address: { city: Delhi, pincode: 110064 } }, { name: Mark, gender:M, age: 35, address: ...
1、代码初体验，制作我的第一个网页 制作我的第一个网页 Hello world 2、Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜...
1、使用ul，添加新闻信息列表 在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法： 信息 信息 ...... 举例： 精彩少年 美丽突然出现 触动心灵的旋律 ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点. 2、使用ol，添加图书销售排行榜 如果想在网页中展示有前后顺序的信息列表，怎么办呢？如，当...
认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 如下列代码： p{ font-size:12px; color:red; font-weight:bold;} 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。 CSS样式的优势 大丈夫当如此！是英雄，分我杯羹！年少轻狂，只记得眉心一点。举手与天竞自...
很多时候需要累加数组项的得到一个值(比如说求和)。如果你碰到一个类似的问题，你想到的方法是什么呢？会不会和我一样，想到的就是使用 for 或 while 循环，对数组进行迭代，依次将他们的值加起来。比如： var arr = [1,2,3,4,5,6];Array.prototype.sum = function (){ var sumResult = 0; for (var i = 0; i < this.length; i++) { sumResult += parseInt(this[i]); } return sumResult;}arr.sum(); // 21...
元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有： 、、...、、、、、、 、 常用的内联元素有： 、、、、、、、、、、 常用的内联块状元素有： 、 元素分类--块级元素 什么是块级元素？在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。如下代码...
1、在css开头用* {margin:0;padding:0;}可以清除所有样式 2、在css中table,th,td {padding:0;}效果等同于cellpadding="0″. 3、在css中table {border-spacing: 0;}效果等同于cellspacing="0". 但是在IE6中不支持，故使用类似的table{border-collapse: collapse;}。注意：只是类似。 4、在用table拼接切片图片的时候，以下css可以解决图片间隙问题 table{width: 990px;height: 100%;line-height: 0;bo...
颜色值 在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法： p{color:red;} 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数，也可以是 0...
1、inline-block是CSS2.1中新增的盒类型，在div中将display属性设定为"inline-block"，则div显示效果与设置display属性为"inline"是一样的效果。 inline-block具有inline属性的列属性，内部又具有block属性的块属性，可以使用width,height,margin,padding,border等元素。 2、使用inline-block可以在某些情况下替代float浮动元素，PS：要做一个横向导航条 在inline-block出现之前，一般都是使用以下代码，来完成上述功能：...
第七章，CSS构造块 CSS里有控制基本格式的属性（font-size，color），有控制布局的属性（position，float），还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性，可以用于创建下来列表和其他交互性组件。 构造样式规则 样式表中的每条规则都有两个部分：选择器和声明块。 选择器决定哪些块受影响，声明块由一个或多个属性-值对组成，指定应该做什么。 ...
第十一章，用CSS进行布局 开始布局注意事项 1、内容与显示分离 2、布局方法：固定宽度和响应式布局 固定宽度，整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面，使用百分数定义宽度 3、浏览器问题 注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。 关于HTML5 shiv： 与其他主流浏览...
第一部分----CSS基础知识 第1章，CSS需要的HTML HTML越简单，对搜索引擎越友好 div是块级元素，span是行内元素 标签包含一组相关的内容，就像一本书中的章节一样 标签包含与其周边的内容相关的内容，如纸质杂志上的侧边栏一样 标签包含通常放在网页底部的一些信息，如版权声明、法律信息、一些网站的导航链接，等等 标签用来包含重要的导航链接 ...