今天要做 这种效果的图。我是用span做的 图文与图文按钮。因为行内元素没有width与height，（虽然可以用padding撑大），本人更喜欢用width与height。于是用了display：inline-block将span变为行内块级元素。之后两个span之间出现了一些间距。谷歌了一下找到 ...
分类：
其他好文 时间：
2017-07-28 20:53:20
阅读次数：
148
最近看css权威指南的时候，发现一个之前特别不清楚的概念——宽度。 每个块级元素都有一个元素框，元素框内包括了元素内容，元素内边距，元素边框，元素外边距。 所以元素框的宽度=元素内容宽度+元素内边距+元素边框+元素外边距。 也就是他父元素的内容宽度。 那么我们常说的width就是元素框的宽度吗？ 答 ...
分类：
Web程序 时间：
2017-07-28 19:15:56
阅读次数：
173
一：先说一下行内元素和块级元素： 行内元素：a、img、input、label 、select、small、span、textarea ... 块级元素：div 、dl、h1、h2、form、 pre - 格式化文本、table 、ul、ol、p... 更多的介绍看这个：http://www.cnb ...
分类：
其他好文 时间：
2017-07-28 13:27:13
阅读次数：
201
1，行内元素有哪些?块级元素有哪些?空元素有哪些？CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul li 行内元素: a b br i span input select 空元素：即没有内容的HTML元素，例如：br、meta、hr、link、input、img css ...
分类：
Web程序 时间：
2017-07-27 18:16:23
阅读次数：
212
如图所示 下方是一个ul li创建的一个列表控件。这里设置自动计算页数。如果直接对ul 的css使用text-aligin:center。发现并不能居中。使用margin:0 auto发现也不好设计。因为li是块级元素，所以这里最好的方法是设置li｛display:inline-block;*dis ...
分类：
其他好文 时间：
2017-07-24 13:17:01
阅读次数：
173
1. 双边距问题 出现原因：当块级元素有浮动样式的时候，给元素添加margin-left和margin-right样式，在ie6下就会出现双倍边距； 解决办法：给当前元素添加样式，使当前元素不为块，如：display:inline;display:list-item 这样在元素浮动的时候就不会在ie ...
分类：
其他好文 时间：
2017-07-20 15:13:52
阅读次数：
112
行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。link属于XHTML标签，除了 ...
分类：
Web程序 时间：
2017-07-18 11:47:31
阅读次数：
219
标准流指的是在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。HTML文档中的元素可以分为两大类：行内元素和块级元素。 1.行内元素不占据单独的空间，依附于块级元素，行内元素没有自己的区域。它同样是DOM树中的一个节点，在这一点上行内元素和块级元素是没有区别的。 2.块级元素总是 ...
分类：
其他好文 时间：
2017-07-16 23:35:54
阅读次数：
384
块级元素(block)特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： 和相邻的内联元素在同一行; 宽度(width)、高度(height ...
分类：
其他好文 时间：
2017-07-15 14:01:24
阅读次数：
498
小知识 1、定位的盒子比浮动的盒子层级高 2、浮动的盒子遮挡不住标准流的文字 3、块级元素的宽 可以继承 4、A标签的文字属性不能继承 5、谷歌不支持12号以下的字体 6、div:hover a{}；鼠标放在div区域后，对于里面的a链接文字变色。 7、建议所以浮动的盒子都给宽高 （防止页面缩小的时 ...
分类：
其他好文 时间：
2017-07-14 18:52:53
阅读次数：
300
