display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度不设是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli ...
分类：
其他好文 时间：
2016-11-12 17:05:17
阅读次数：
134
BFC——一个我们容易忽视掉的布局神器 今天给大家说说BFC这个概念，在说概念前，先给大家看个例子： 首先，定义三个div块元素 效果： 我们发现，块级元素的排列顺序是从上往下，一块接着一块，在w3c中，是这样解释block-level box的： 在一个块级排版上下文中，盒子是从包含块顶部开始，垂 ...
分类：
Web程序 时间：
2016-11-12 14:12:58
阅读次数：
180
转自:http://blog.doyoe.com 先进一个题外话 在面试一个 重构（各大公司的叫法可能不太一样）时，我喜欢从一个点开始问，然后一直延展下去成为一条线，甚至是一个面，直到问到不会的地方，然后又换另外一个点。 例如：我可能会说，能简单聊聊 行内级元素 和 块级元素 的区别吗。 一般这时， ...
分类：
Web程序 时间：
2016-11-10 14:46:11
阅读次数：
163
一：HTML介绍 超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 标记语言: 标记（标签）构成的语言. 网页==HTML文档，由浏览器解析，用来展示的 静态网页：静态的资源，如xxx.html 动态网页：html代码是由某种开发语言根据用户请求动态生成的 平常我们就是先通过浏 ...
分类：
编程语言 时间：
2016-11-09 11:36:26
阅读次数：
210
前端学习 第五弹： CSS （一） 创建css： <link rel="stylesheet" type="text/css" href="mystyle.css" /> 外联 <style type="text/css"> hr {color: sienna;} p {margin-left: 2 ...
分类：
Web程序 时间：
2016-11-05 23:01:35
阅读次数：
286
block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点 ...
分类：
其他好文 时间：
2016-11-04 20:09:07
阅读次数：
239
前面有一篇文章讲到在css世界中，html元素的表现都是一个个盒子，而css中盒子的显示方式有三种方式，分别是块元素、行内元素和行内块元素。本文总结这三种显示方式的特征和区别。 1 写在前面 最近在整理cnblogs上页面的样式，默认右侧【随笔分类】中的标签是每行显示一个，而我想把右侧【随笔分类】中 ...
分类：
Web程序 时间：
2016-11-01 23:58:55
阅读次数：
538
使多个块元素并排显示： ①inline-block:内敛块，不占一行，但可以设置宽高属性，将块元素的display设置为inline-block，可以让多个div块横向显示。但是该用法下多个块之间会出现空格，是由于相邻两个</div>与<div>之间的换行符引起的，空格的清除办法： ②浮动： 文档流 ...
分类：
其他好文 时间：
2016-10-31 21:25:25
阅读次数：
276
行内元素： 块元素： ①margin:0 auto 0指上下外边距为0，auto指左右外边距自适应，此时水平居中。（该方法不适用于垂直居中） 这种方法不适用于通屏，即若子元素溢出，则在父元素中不居中 ②position:relative/absolute/fixed relative:相对定位，保留 ...
分类：
Web程序 时间：
2016-10-31 20:57:06
阅读次数：
309
IE6兼容性问题及IE6常见bug详细汇总1、IE6怪异解析之padding与border算入宽高 原因：未加文档声明造成非盒模型解析 解决方法：加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） 解决方法：display:inl ...
分类：
其他好文 时间：
2016-10-30 20:11:27
阅读次数：
311
