2017年4月2日
flex布局教程
摘要： flex布局，弹性盒子 1.display：flex 设置flex布局后，子元素的float、clear和vertical-align属性将失效 2.flex-direction 决定主轴的方向（即项目的排列方向） 属性：row|row-reverse|colum|column-reverse 3. 阅读全文
posted @ 2017-04-02 20:21 LOVEwitch 阅读(169) 评论(0) 推荐(0)
CSS对P段落之间间隔距离调整
摘要： 一、line-height行高 p{line-height:22px} 二、css padding内补白（内边距） p{padding:10px 0} 三、css margin外边距 p{margin:10px 0} 文章分段，一般使用html p标签，而对分段间距设置我们推荐使用padding和m 阅读全文
posted @ 2017-04-02 19:28 LOVEwitch 阅读(2057) 评论(0) 推荐(0)
css段落首字母放大
摘要： 段落首字母放大是指放大段落开头的字母或者汉字，主要使用了css的first-letter伪类选择器。 单行放大： 在第一行内放大，效果如下： 注意：first-letter支持IE7+，first-line支持IE8+ 多行放大： 效果如下： 阅读全文
posted @ 2017-04-02 19:02 LOVEwitch 阅读(6533) 评论(0) 推荐(0)
HTML标签
摘要： 1.div+css制作导航下拉菜单 或使用ul、li标签 2.进度条 3.table标签 4.input输入框 5.如何让hight:100%起作用 想让一个元素的百分比高度height: 100%;起作用，你需要给这个元素的所有父元素的高度设定一个有效值 在使用height: 100%;时需要注意 阅读全文
posted @ 2017-04-02 18:40 LOVEwitch 阅读(197) 评论(0) 推荐(0)
Html和CSS布局技巧
摘要： 单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素） 使用inline-block 和 text-align实现 优点：兼容 阅读全文
posted @ 2017-04-02 17:57 LOVEwitch 阅读(224) 评论(0) 推荐(0)
2017年4月1日
JS基础
摘要： JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？jS中设置或者获取所选内容的值：①innerHTML :属性设置或返回该标签内的HTML。也就是从对象的起始位置到终止位置的全部内容,包括Html标签。②outerHTML：属性设置或返回 阅读全文
posted @ 2017-04-01 12:40 LOVEwitch 阅读(144) 评论(0) 推荐(0)
2017年3月16日
CSS分隔线
摘要： 单个标签实现分隔线： .demo_line_01{ 优点：代码简洁 巧用背景色实现分隔线： .demo_line_02{ 优点：代码简洁，可自适应宽度 inline-block实现分隔线： 优点：文字可多行 浮动实现分隔线： 优点：NUN 利用字符实现分隔线： 优点：代码简洁 以上简单介绍了分隔线的 阅读全文
posted @ 2017-03-16 15:53 LOVEwitch 阅读(1372) 评论(0) 推荐(0)
CSS中字体的设置
摘要： .selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } css如何设置各种中文字体如雅黑、黑体、宋体、楷体等等 说明： 加上中文名“微软雅黑”是为了兼容opera。 Micros 阅读全文
posted @ 2017-03-16 11:30 LOVEwitch 阅读(1473) 评论(0) 推荐(0)
2016年7月8日
django创建blog
摘要： 1.创建项目project django-admin.py startproject myblog 查看目录树 alias tree="find . -print | sed -e 's;[^/]*/;|____;g;s;____|; |;g'" 2.创建应用app 一个工程里可以创建很多个应用ap 阅读全文
posted @ 2016-07-08 13:17 LOVEwitch 阅读(179) 评论(0) 推荐(0)
2016年7月7日
django学习笔记5
摘要： django模型 1.定义模型 在TestModel/models.py中添加代码： 在settings.py中添加TestModel引用： 2.创建数据表 首先，检查创建的模型是否正确： myapp ge$ python manage.py check 其次， python manage.py m 阅读全文
posted @ 2016-07-07 10:27 LOVEwitch 阅读(98) 评论(0) 推荐(0)