先看代码 html： <div> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> css： ul,li{padding:0;margin:0;list-style: none;} *{box-sizing:border-box;-m ...
分类：
其他好文 时间：
2017-05-30 19:35:06
阅读次数：
182
因为刚开始学，用了bootstrap的框架，有些东西可以用现成的，不用自己布局，后来发现如果要调比较精细的布局还是得自己写css，然后就开始一点点去掉bootstrap的布局，不然在原来bootstrap的css上改，没有完全理解bootstrap这个效果是怎么弄出来的话想去掉某个效果也很难，某些样 ...
分类：
Web程序 时间：
2017-05-29 14:09:29
阅读次数：
285
test.html<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<style>
#box1{width:200px;height:200px;background-color:pink;padding:20px;margin:30px;box-sizing:border-box;border:1p..
分类：
Web程序 时间：
2017-05-11 22:26:18
阅读次数：
245
box-sizing 人们慢慢的意识到传统的盒子模型不直接，所以他们新增了一个叫做 box-sizing 的CSS属性。 当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。 这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 bo ...
分类：
Web程序 时间：
2017-05-03 14:30:56
阅读次数：
187
任务链接 一开始毫无头绪，看了评分最高的团队的代码，觉得很棒。 他们的代码 我的代码 思考了一下有没有优化的方法，发现权衡之下并没有。 他们的代码使用box-sizing: border-box来解决了20px间距的问题，使用伪元素来清除浮动（我打算把父级元素改为overflow：hidden来解决 ...
分类：
其他好文 时间：
2017-04-29 14:24:24
阅读次数：
256
box-sizing:border-box; 这个就把边框的宽度算在总宽度里面了。 减一像素的写法不支持。 ...
分类：
其他好文 时间：
2017-04-22 14:51:09
阅读次数：
164
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>time line</title> <style type="text/css"> *{ margin: 0; padding: 0; box-sizing: border-box ...
分类：
Web程序 时间：
2017-04-17 12:55:56
阅读次数：
453
box-sizing:border-box; 是CSS3新增属性，了解这个属性，我们先从块级元素的盒子大小说起。 通常一个块级元素实际所占宽高度=外边距（margin）+ 边界宽度(border-width) + 内边距（padding）+ 高度（height） / 宽度（width） 如果设置了b ...
分类：
其他好文 时间：
2017-04-13 10:57:47
阅读次数：
204
定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 语法 这是由 CSS2.1 规定的宽度 ...
分类：
Web程序 时间：
2017-04-12 19:45:01
阅读次数：
233
html,body{ height: 100%;} *{ box-sizing:border-box;} .imgBox{ transform-style: preserve-3d; position: relative; width:100px; height: 100px; margin:200 ...
分类：
Web程序 时间：
2017-04-12 13:29:50
阅读次数：
259
