第一部分：margin--基础知识 要介绍margin的基础知识，我们不可回避地要谈到css盒子模型（Box Model），一般而言，css盒子模型是用来设计和布局的。它本质上是一个盒子，包括：外边距（margin）、边框（border）、内边距（padding）以及最中间的内容（content）。下图即为盒子模型（这里只谈W3C规范的标准盒模型，而不谈I...
1.什么是网站重构？div+css的布局较table布局有什么优点？2.如何理解css盒模型？3.平时做网页经常使用哪些hack?4.如何理解表现与内容相分离？5.如何解决ie6的双边距问题？6.如何定义高度为1px的容器？{heigh：1px; 10px; background:#000; overflow:hidden}ie6下这个问题是默认行高造成的，...
第一部分：几个常见的布局实现方式 一、左右两边固定, center中间自适应未知 html代码中 center 部分首先要放在box的最前部分。然后是left,right 圣杯布局： <div class="box"> <div class="center"></div> <div class...
一、使用自定义创建的json数据 1. 创建微信小程序项目后 在wxml文件中增加for循环 <block wx:for="{{posts_key}}" wx:for-item="item" wx:for-index="idx"> <view class="post-container"> <view...
特别赶，响应式纯自适应的，有空写了新的发。 （在手机上看，页面上看一定乱） <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv=...
圣杯布局和双飞翼布局实现的都是两边侧栏宽度固定，中间宽度自适应，效果如下： 圣杯布局是由国外的Kevin Cornell提出的一个布局模型概念，在国内由淘宝UED的工程师传播开来布局要求：1.三列布局，中间宽度自适应，两边定宽2.中间栏要在浏览器中优先渲染3.允许任意列的高度最高4.用最简单的CSS、最少的HACK语句 双飞翼布局是经淘宝UED工程师针对圣...
1.怪异模式问题：漏写DTD声明，Firefox仍然会按照标准模式来解析网页，但在IE中会触发怪异模式。为避免怪异模式给我们带来不必要的麻烦，最好养成书写DTD声明的好习惯。 2.IE6双边距问题：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。例如： HTML： <div cla...
global.css | reset.css（格式化样式） common.css（公共组件样式） layout.css（当前页面样式） 清除全站所有页面的浏览器默认样式，保证在初始样式在所有浏览器下一致。 common.css（公共组件样式） 一般一个网站所有页面头部、底部样式都是一致的，而且很长时间不会有大的改变，改变的大概就是产品、运营的经常需要添加、...
一、“1-2-1”单列变宽布局： 对于变宽度的布局，首先要使内容的整体宽度随浏览器窗口宽度的变化而变化。因此中间的container容器中的左右两列的总宽度也会变化，这样就会产生不同的情况。这两列是按照一定的比例同时变化，还是一列固定，另一列变化。这两种都是很常用的布局方式。然而对于等比方式而言，相对比较简单，和我上一篇博客中1-2-1的布局方...
在以前项目中遇到有上传图片都是用 web Uploader插件上传，因为我现在项目都在使用 layui 所以今天趁着有时间写一个tp5结合layui上传图片的demo 我用的是Tinkphp5.1版本 layui用的是2.1.1 废话不多说 代码如下： 下面的是html代码 <!DOCTYPE html> <html lang="en"&...