直接上代码给大家： style页面： ** 处理浏览器默认值*/*,*::before,*::after{ padding: 0px; margin: 0px; box-sizing: border-box;}/* 设置背景颜色*/body{ background: linear-gradient( ...
分类：
其他好文 时间：
2020-01-13 13:09:33
阅读次数：
85
<style> * { margin: 0; padding: 0; box-sizing: border-box; } .box { margin: 200px auto; width: 200px; height: 300px; position: relative; transform-sty ...
分类：
其他好文 时间：
2020-01-12 21:40:08
阅读次数：
188
不多解释,直接上源码,纯手打,不借用任何插件 先来css代码 <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 700px; background-color: hsl(0, 0%, 0%); // ...
分类：
Web程序 时间：
2020-01-11 11:31:33
阅读次数：
140
padding与元素尺寸 css中默认的box-sizing是content-box，所以使用padding在定宽元素中会增加元素尺寸。可以使用box-sizing：border-box或者采用无宽度以及宽度分离原则（推荐使用）。 当使用box-sizing：border-box在某些情况下还是会改 ...
分类：
Web程序 时间：
2020-01-10 18:44:45
阅读次数：
2166
*,::after,::before { -webkit-box-sizing: border-box; box-sizing: border-box} ::-webkit-scrollbar { width: 8px; background-color: #c1787800; border-rad ...
分类：
其他好文 时间：
2020-01-07 16:30:18
阅读次数：
97
4.1移动端主流方案 1.单独制作移动端页面（主流） 通常情况下，网址域名前面加 m(mobile)可以打开移动端。通过判断设备，如果是移动设备打开，则跳到移动端页面。 也就是说，PC端和移动端为两套网站，pc端是pc端的样式，移动端再写一套，专门针对移动端适配的一套网站。 京东pc端、移动端： 2 ...
分类：
移动开发 时间：
2019-12-31 21:37:39
阅读次数：
95
<!DOCTYPE html> <html> <!-- author : wsj aim : bky date : 2019-12 bug : no --> <body> <style> .father{ width: 100%; box-sizing: border-box; column-cou ...
分类：
其他好文 时间：
2019-12-19 18:54:36
阅读次数：
86
盒子的组成： 外边距：margin 一个元素与另一个元素的距离 边框：border 内边距：padding 内容：content 标准盒：总宽度=width+左右内边距+左右边框 总高度=height+上下内边距+上下内边距 IE盒：box-sizing:border-box; 设置的宽高是总的宽高 ...
分类：
其他好文 时间：
2019-12-16 22:09:16
阅读次数：
91
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2019-12-16 10:09:16
阅读次数：
90
栅格系统布局主要被绑定在Bootstrap之类的框架上 ，那么我们如果不需要接入整个框架，做一个自己的栅格化的布局该怎么做呢？ 1.容器container ，设置box-sizing：border-box；设置整个布局的宽度通常为100%为例； 2.行row，防止溢出行 需要清楚浮动clear：bo ...
分类：
其他好文 时间：
2019-12-15 18:12:00
阅读次数：
146
