<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100p ...
分类：
Web程序 时间：
2020-06-05 21:09:47
阅读次数：
82
1、盒子模型作用：盒子模型就是一个盒子，封装周围的html元素。允许我们在其他元素和周围元素边框的空间放置元素。2、组成：外边距（margin）：相邻的两个盒子margin，会发生折叠，可为负数边框（border）：内边距（padding）：实际内容（content）：百分比相对于父容器的conte ...
分类：
Web程序 时间：
2020-06-05 21:05:11
阅读次数：
93
这一期给大家讲解一下盒模型的概念以及它的组成部分吧 每一个标签在页面中都会生成一个盒模型，而每个盒模型都有四个组成部分，由外到里是margin外边距，border边框，padding内边距，content内容部分组成。 如上图所示，蓝色部分就是内容content区域。 border取值简写就是bor ...
分类：
其他好文 时间：
2020-06-05 20:54:45
阅读次数：
85
我们在做页面布局的时候经常会有上下左右居中的设计，由于大部分的页面结构都是左右式排版页面是固定宽度的，而元素是自上而下排列，高度不固定。所以在页面中css实现左右居中比较容易，垂直居中就不太好实现了。
在css3之前我们前端技术人员要实现垂直居中布局往往需要绞尽脑汁的去解决各种浏览器兼容问题，而随着... ...
分类：
Web程序 时间：
2020-06-05 01:06:47
阅读次数：
94
垂直居中 单行文本垂直居中 父元素高度为auto 一个父元素如果不设置高度的话，默认就是紧包裹着子元素，如果父元素设置的pading-top和padding-bottom相同，这本身就是一个垂直居中效果，但是当子元素并不是独占一行，而是inline元素和inline-block元素组合成一行，比如下 ...
分类：
Web程序 时间：
2020-06-05 00:36:45
阅读次数：
75
忙忙碌碌的，没空整理。最近遇到些CSS相关问题，之前只是印象中要这么用，不知道之所以然，今天就大概的整理下（会比较零散）。 盒子模型 W3C标准/IE盒子模型 标准盒子模型：宽度=内容宽度（content）+ border + padding + marginIE盒子模型：宽度=内容宽度（conte ...
分类：
Web程序 时间：
2020-06-04 21:59:39
阅读次数：
90
首先回顾下CSS常出现的几个样式问题1当子元素添加上边距时，父元素也会向下移动 解决方法:给子元素添加display:inline-block;或者用父元素的padding-top代替给可以 2子元素浮动后，父级元素检测不到其高度3当元素浮动后，兄弟元素的内容超过其高度后会侵占它的区域（其实问题原因 ...
分类：
Web程序 时间：
2020-06-04 21:57:44
阅读次数：
96
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .tab-panes ul{ margin: 0; padding: 0; } .tab-panes ul li{ ...
分类：
其他好文 时间：
2020-06-04 21:23:05
阅读次数：
59
css 水平垂直居中实现方式 css中有好多实现居中的方式，在项目中经常不知道使用哪种方式会比较好，所以记录下来。 水平垂直居中包括行内元素居中，以及块级元素居中 行内元素html结构 <div class="outer"> <span class="inner"></span> </div> 块级 ...
分类：
Web程序 时间：
2020-06-04 19:37:56
阅读次数：
75
Django 日志 Django 使用Python 内建的logging 模块打印日志，Python 的logging 配置由四个部分组成： 记录? —— Logger 处理程序 —— Handler 过滤? —— Filter 格式化 —— Formatter 1.记录? —— Logger Lo ...
分类：
其他好文 时间：
2020-06-04 16:53:57
阅读次数：
76
