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
CSS的一些零碎总结 1、CSS 伪元素用于向某些选择器设置特殊效果（用来当作一个东西的，跟一个元素差不多，但不是元素）。 ① :frist-line伪元素：用于向文本首行设置特殊样式，但是只能用于块级元素。 以下属性可应用于 “ frist-line ” 伪元素： font、color、backg ...
分类：
Web程序 时间：
2016-11-11 23:16:36
阅读次数：
312
1.父级元素如<a>已经设置成了块级元素(display:block),子元素如<img>设置了float,这时父元素a依然无高度没有被撑开 解决：在<a>元素的样式中添加overflow:hidden ...
分类：
Web程序 时间：
2016-11-10 19:45:30
阅读次数：
203
转自:http://blog.doyoe.com 先进一个题外话 在面试一个 重构（各大公司的叫法可能不太一样）时，我喜欢从一个点开始问，然后一直延展下去成为一条线，甚至是一个面，直到问到不会的地方，然后又换另外一个点。 例如：我可能会说，能简单聊聊 行内级元素 和 块级元素 的区别吗。 一般这时， ...
分类：
Web程序 时间：
2016-11-10 14:46:11
阅读次数：
163
1、CSS 伪元素用于向某些选择器设置特殊效果（用来当作一个东西的，跟一个元素差不多，但不是元素）。 ① :frist-line伪元素：用于向文本首行设置特殊样式，但是只能用于块级元素。 以下属性可应用于 “ frist-line ” 伪元素： font、color、background、word- ...
分类：
Web程序 时间：
2016-11-10 13:53:41
阅读次数：
225
网站布局 大多数网站会把内容安排到多个列中（就像杂志或报纸那样）。 大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。 HTML 布局 - 使用<div> 元素 div 元素是用于分组 HTML 元素的块级元素。 ...
分类：
Web程序 时间：
2016-11-09 15:28:15
阅读次数：
284
盒子模型尺寸： 盒子宽的尺寸=border+padding+margin+width块级元素和内联元素区别： 块级元素宽自动占满整行，内联元素不会 内联元素可以嵌在块级元素中，反之不可以 div和span的区别： div：内部可以嵌套任何元素，一般用于网站布局，或局部排版 span：可以嵌套内联元素 ...
分类：
Web程序 时间：
2016-11-05 22:52:00
阅读次数：
269
<form>用于为用户输入创建HTML表单，表单用于向服务器传输数据 form是块级元素，其前后会产生折行 <form>包含： 1.input元素：(根据不同的type属性，输入字段拥有很多种形式）如： 文本域<input type=“text” > 密码域<input type=“password ...
分类：
其他好文 时间：
2016-11-05 09:33:34
阅读次数：
139
function fun(){ var wWidth = null, wHeight = null; if(window.innerHeight && window.innerWidth){ wHeight = window.innerHeight; wWidth = window.innerWid ...
分类：
其他好文 时间：
2016-11-04 20:55:56
阅读次数：
161
