理解css盒模型 css盒模型是css可视化格式化系统的基石，它是理解样式表如何工作的核心概念。盒模型可以用于元素定位和网页布局。 根据css盒模型的规定，每个元素（不管是块级还是内嵌元素）都会产生一个矩形盒子围绕在元素内容之外，这个盒子我们称为元素盒。 边框border 边框border是围绕着元 ...
分类：
Web程序 时间：
2016-10-05 07:07:28
阅读次数：
123
网页布局： 1，网页需要分成几部分来写 2，可以使用居中容器来给两边定位 3，对于div的命名尽量用英文直译 4，搜索框和之中的图标想要放在一起可以把搜索图标作为背景放在button中使用相对定位来解决也可以用浮动来解决 5，父元素中的子元素若是添加了浮动。需要对父元素去除浮动。不然父元素会高度塌陷 ...
分类：
其他好文 时间：
2016-10-02 21:44:05
阅读次数：
169
在网页布局中元素水平居中比元素垂直居中要简单不少，同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代，我们很难确切的知道元素的准确高度和宽度，所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复杂开始讲解: 鞋子图片会改变，但是他们都 ...
分类：
Web程序 时间：
2016-09-29 20:45:28
阅读次数：
196
在网页布局中，margin和padding绝对会占很重要的作用，但是在实际的项目中，很多新手前端程序员们往往不能正确的使用它们，导致会出现一些不必要的麻烦，下面是我在前几天的项目中遇到的一些问题，以及个人总结的一些方法，仅供参考。 想比margin，padding则是要乖巧的多，几乎没有让你不省心的 ...
分类：
其他好文 时间：
2016-09-26 23:01:37
阅读次数：
176
css布局模型在网页中，元素有三种布局模型： 流动Flow模型（一）： 流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为 ...
分类：
Web程序 时间：
2016-09-26 21:25:28
阅读次数：
152
单位介绍 说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmi ...
分类：
Web程序 时间：
2016-09-25 20:19:15
阅读次数：
141
效果图： 网页布局 <p>操作成功</p><strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back();">返回</a> 任务： 1.打开网页后，如果不做任何操作则返回到一个新的页面 var num=document. ...
分类：
其他好文 时间：
2016-09-24 21:47:13
阅读次数：
124
最近项目整合到一起，整个布局页面样式，五花八门。。然后就做最苦逼的事，改别人的代码。 看了几页代码，只想说能不能把最基础的规范写好。。。。 首先我要说明几点，第一:一个优良的网站，要求结构（HTML），表现（css），行为（Javascript）三者分离，除了必须要写到结构里面的，我可爱的同事把它们 ...
分类：
Web程序 时间：
2016-09-24 21:35:27
阅读次数：
157
效果图： 网页布局 <p>操作成功</p> <strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back();">返回</a> 任务： 1.打开网页后，如果不做任何操作则返回到一个新的页面 var num=document ...
分类：
Web程序 时间：
2016-09-23 23:29:31
阅读次数：
402
part1. 人生中第一个项目：名家访谈 （http://acts.qidian.com/2016/5646853/mjft.html）。 做完看似天衣无缝实则漏洞百出，用张老师的话说的话， 网页布局三大忌讳：浮动！图片！ 宽度！最好的布局方式是流布局，这样随着屏幕的缩放，页面也能跟着相应地变化～ ...
分类：
其他好文 时间：
2016-09-18 11:36:20
阅读次数：
139
