问题： 解决： 对第一个和第二个盒子都添加margin-left:-mpx;(m表示边框的大小)，这样两个边框就重叠在了一起，就不会看起来有加粗的效果了。 疑问： 第一个盒子向左移动mpx，第二个盒子也向左移动mpx，两个盒子的相对位置并没有改变。 说明： 浏览器在渲染的时候，先对盒子1进行执行，完 ...
分类：
Web程序 时间：
2020-04-19 11:02:00
阅读次数：
136
inline（默认）— 内联 none — 隐藏 block — 显示、块级元素（单独占一行） inline-block — 行内块元素（不占整行） table — 表格显示 list-item — 项目列表 ...
分类：
其他好文 时间：
2020-04-17 18:49:20
阅读次数：
206
嵌套规则 ...... 声明变量 // scss $width: 50px; .wt { width: $width; } 数学运算 // scss #id { width: (1 + 2) *3px; width: $width/2； margin-left: 5px + 8px/2px; } p ...
分类：
Web程序 时间：
2020-04-11 13:10:27
阅读次数：
77
这里主要参考的是CHRIS COYIER写的一篇的文章(点击查看)，主要讲了关于css水平、垂直居中的一些方法,每个方法后面都有一个demo，可以在线查看效果。 1 水平 水平居中有行内元素和块元素，行内元素有文字、图片、链接等；块元素主要是div、p等block元素。 1.1 行内元素 对于行内元 ...
分类：
Web程序 时间：
2020-04-06 17:51:54
阅读次数：
113
.account { width: 400px; margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #f0f0f0; padding: 10px 30px 30px 30px; -webkit-box ...
分类：
其他好文 时间：
2020-04-06 15:57:17
阅读次数：
93
css盒子模型 外边距 margin 定义方式 1. 单独定义一边 margin top：定义盒子顶部的边距 margin bottom：定义盒子底部的外边距 margin left：定义盒子左边的外边距 margin right：定义盒子右边的外边距 2. 复合定义 margin：上 左 下 右； ...
分类：
Web程序 时间：
2020-04-05 22:25:03
阅读次数：
105
写在前面的话，也不知道还要不要管ie6、7，晕晕乎乎的 1、h5兼容性 引用html5shiv.js <script src="js/html5shiv.js"></script> 2、 1. 在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动 例： <div class="box"> ...
分类：
其他好文 时间：
2020-04-05 09:30:28
阅读次数：
63
我在做页面布局的时候，多多少少总会受到来自浮动的困扰，因此专门通过实践来总结一下浮动与清除浮动。 首先总结几个基础的概念： 浮动：设置浮动的元素会脱离文档流，不会影响块元素的布局，但是会影响内联元素的排列[通常是文本]； 文档流：在文档流中，块元素会单个元素独占一行 接下来我们通过实际演示来看看关于 ...
分类：
其他好文 时间：
2020-04-04 09:51:13
阅读次数：
65
1.元素类型：根据css显示分类，XHTML元素被分为三种类型，即块状元素，内联元素，可变元素(内敛块元素)。 2.块状元素的特点： A:块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，B:默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情 ...
分类：
Web程序 时间：
2020-04-03 00:16:19
阅读次数：
117
Typora+markdown 最常用语法教程（by 程序员宝藏） Typora+markdown 最常用语法教程（by 程序员宝藏） 请先配置推荐配置(文件->偏好设置): 文章目录 Typora+markdown 最常用语法教程（by 程序员宝藏） 第一章 块元素 1.1 标题 1.2 引用 1 ...
分类：
其他好文 时间：
2020-03-31 14:33:15
阅读次数：
95
