盒模型的二次理解。1定义所谓盒模型，就是浏览器为页面中的每个HTML元素生成的矩形盒子。1.1排布这些盒子们都要按照可见版式模型在页面上排布，版式模型由position,display,float这三个属性来控制，position属性控制页面上元素间的位置关系，用于定位；display属性控制元素显...
分类：
其他好文 时间：
2015-09-13 21:33:03
阅读次数：
168
盒模型的二次理解。1定义所谓盒模型，就是浏览器为页面中的每个HTML元素生成的矩形盒子。1.1排布这些盒子们都要按照可见版式模型在页面上排布，版式模型由position,display,float这三个属性来控制，position属性控制页面上元素间的位置关系，用于定位；display属性控制元素显...
分类：
其他好文 时间：
2015-09-13 21:19:18
阅读次数：
143
好的，在之前的11节课中我们从对编程语言一无所知的状态循序渐进的了解了很多知识包括html页面结构，css引入的几种方式，浮动，清除浮动，盒模型等等现在是发挥这些知识用武之地的时候了我们在上网浏览网页的时候不知道大家有没有注意过在网页的最上面会有一个导航，比如鼠标移入之后还会高亮显示那么我们今天就利...
分类：
Web程序 时间：
2015-09-13 13:10:59
阅读次数：
202
欢迎大家回来，上节课我们又说了margin的一个bug那就是子元素的margin-top会传递给父元素解决方案也已经给出来了，在此不再废话此外还说了默认样式的清零，这个的话我个人感觉无所谓了平时自己写代码测试的时候就直接上*{margin:0; padding:0;}之前我们讲解盒模型的时候一直都是...
分类：
Web程序 时间：
2015-09-13 11:52:01
阅读次数：
143
一、语义化标签1.没有特殊样式盒模型干净的标签 页眉 主要用于页面的头部的信息介绍，也可用于板块头部页脚 页面的底部 或者 版块底部 页面上的一个标题组合 一个标题和一个子标题，或者标语的组合 妙味课堂 带您进入富有人情味的IT培训 导航 （包含链接的的一个列表） 格式多样 可以包含各种标签链接.....
分类：
Web程序 时间：
2015-09-12 22:19:13
阅读次数：
326
旧式的弹性盒子1、在拥有盒子的盒子上加display:box; 或inline-box开启弹性盒模型2、box-flex 分配空间，假如容器有a份，box-flex:2，那就占a分之23、分布方向 水平box-orient: horizontal; 垂直box-orient:vertical;4、定...
分类：
Web程序 时间：
2015-09-07 00:21:27
阅读次数：
290
CSS3的三部曲：设置字体，设置宽度和高度及盒模型，设置链接。其中，字体包括字体组，字体大小，行高，颜色。第二部包括宽度和高度及margin,padding,(margin:0 auto是实现居中)。链接文本样式包括link.hover,visitied,active 4种状态。实现的部分包括，字体...
分类：
Web程序 时间：
2015-09-05 17:56:56
阅读次数：
267
#cssborder制作小三角形1.原理是CSS盒模型一个盒子包括: margin+border+padding+content– 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等.– 调整宽度大小可以调节三角形形状.2.矩形设置...
分类：
Web程序 时间：
2015-09-05 17:35:20
阅读次数：
191
Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的，不妨仔细了解下吧！为什么需要伸缩布局...
分类：
其他好文 时间：
2015-09-03 16:40:52
阅读次数：
225
什么是浏览器兼容问题？所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。总...
分类：
Web程序 时间：
2015-09-03 16:33:21
阅读次数：
246
