box-sizing这个属性可规定盒子大小是否包含padding和border 1.以下三个值: box-sizing:content-box;/*盒子宽度就是内容的宽度,不包含border,padding.有这个属性之前就是这种情况*/ box-sizing:border-box;/*盒子宽度包含 ...
分类：
其他好文 时间：
2017-09-01 16:36:56
阅读次数：
204
一、京东页面制作开始（头部）1、浮动的盒子宽度由内容定，不需要设置宽度2、绝对定位不占位置，相对定位占位置 3、不一定是子绝父相，还可能是子绝父绝，要根据情况来定。如果是子绝父绝，那父级的父级一定是相对定位。 二、中间分割线制作 给需要竖线的地方添加空的li,每个li设置类样式，设置宽高，背景色 刚 ...
分类：
Web程序 时间：
2017-09-01 00:09:49
阅读次数：
192
先来说一下CSS中的浮动 一、浮动 1、标准流中的块级盒子，宽度将自动伸展为100%，而浮动的块级盒子，宽度不会自动伸展，而是由内容撑开 2、当一个盒子浮动，标准流中未浮动的其他盒子，将视浮动盒子不存在而占据浮动盒子原来的位置。（浮动盒子，会盖在这个盒子的上方） 但是，未浮动盒子中的文字内容，将会受 ...
分类：
Web程序 时间：
2017-08-26 15:04:04
阅读次数：
192
使用了bootstrap网格系统的好处是很容易便实现了响应式布局，盒子可以根据设置的样式，随着屏幕的大小改变而自动改变宽度，但是也存在一个问题，那就是盒子的高度是由盒子的内容决定的，如果盒子里的内容不一样，会导致盒子的高度不一致，这样会使界面不太美观，并且可能会影响后面的盒子。可能的界面如下： 然而 ...
分类：
其他好文 时间：
2017-08-19 14:18:16
阅读次数：
145
当父盒子的宽装不下需要的li标签的时候（li标签用foat时），可以把ul标签作为一个盒子，赋予它的宽度大于需要的一排的盒子宽度，小于（一排+1)个盒子宽度。 原效果图： 先效果图： 原代码： 现代码： 因为祖辈元素设置了宽高，并且不能超过他显示，影响美观。所以我们给祖辈元素设置一个overflow ...
分类：
其他好文 时间：
2017-08-18 13:32:12
阅读次数：
143
前几天遇到过这么一个问题。我想让子盒子的宽度等于父盒子的宽度。父盒子宽度为一个具体值比如说200px.我将子盒子宽度设为了100%。按道理说应该是可以等于父盒子的宽度的，但结果并没有，而是通栏了。然后我又将子盒子宽度设为了inherit。结果宽度就是父盒子的宽度了。 HTML结构如下： 我想了很久没 ...
分类：
其他好文 时间：
2017-07-29 21:27:22
阅读次数：
193
1.定位的盒子居中显示 案例一：（定位的盒子居中显示） 预期效果 实现步骤： 设置父盒子为相对定位 设置子盒子left值为父盒子宽度一半设置子盒子左边距为自己宽度一半 总结：margin:0 auto 只能让在标准流的盒子居中 案例二：（标准流的盒子居中显示） 2.css标签包含规范 ◆div可以包 ...
分类：
Web程序 时间：
2017-07-02 17:46:09
阅读次数：
215
css标准，float元素上的负margin表示把下面的元素向对应方向移动，并且覆盖上一个元素（这里是指html中元素的声明顺序）。 标准情况下我们用float 时候是这样的。 -margin通俗点说，就是将盒子的大小减小，但是不影响显示。 当给一个盒子宽度为200px添加一个margin-left ...
分类：
其他好文 时间：
2017-06-29 18:03:31
阅读次数：
233
前端的两个经典布局想必大家都有多了解--圣杯布局和双飞翼布局，因为它既能体现你懂HTML结构又能体现出你对ＤIV+CSS布局的掌握。 事实上，圣杯布局其实和双飞翼布局是一回事。它们实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，也就是我们常说的固比固布局。它们实现的效果是一样的，差别在于其实 ...
分类：
Web程序 时间：
2017-06-21 16:51:13
阅读次数：
233
文本垂直居中 对于行内元素，height会自己主动收缩到包裹住文本的高度，所以不存在这个问题。可是对于block和inline-block等盒子元素。假设设置了height属性，则文本默认会在上方显示。假设希望文本在垂直方向上居中，能够设置line-height属性等于height属性。或者大于he ...
分类：
Web程序 时间：
2017-06-08 13:59:53
阅读次数：
182
