CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值...
分类：
Web程序 时间：
2015-03-21 22:50:18
阅读次数：
262
常常我们在DIV+CSS布局的时候会遇到2处使用星号“*”,一个为以星号*没有命名名称的CSS选择器；另外一个是在CSS选择器里以*开头的CSS属性单词样式-CSS星号-CSS *知识介绍。接下来DIVCSS5为大家讲解这两处星号的区别与用法1、CSS星号*选择器新手常常在css+div布局的时候看...
分类：
Web程序 时间：
2015-03-21 13:51:39
阅读次数：
165
这两天在准备实习的面试和笔试，准备复习一下这些基础的概念，避免自己处于一种仅脑袋理解嘴巴不能表述出来的状态。 块状元素和行内元素的概念是在css页面布局这个地方出现。主要是将html标签按照一定的特性分成2类：块状元素和行内元素（内联元素）。 首先概念上理解一下： 块状元素： 块状元素（Block ...
分类：
Web程序 时间：
2015-03-14 21:43:11
阅读次数：
11789
display：none |inline| block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-colum...
分类：
Web程序 时间：
2015-03-13 12:11:09
阅读次数：
120
在用CSS布局页面的时候，我们会将HTML标签分成两种，块状元素和内联元素（我们平常用到的div和p就是块状元素，链接标签a就是内联元素）块状元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div...
分类：
Web程序 时间：
2015-03-13 12:09:41
阅读次数：
156
今天做的练习是自适应屏幕大小，遇到了一些困难，困难在于我以前用CSS布局的时候都是使用PX作为单位来进行定位布局。但今天把网页拓展实验到了我家的电视（42寸）上，此时就出现了问题，问题之一就是：没有办法填充满屏幕，只能出现一个屏中屏，看起来非常的别扭。试验了纯CSS来做到自适应屏幕和用JS获取屏.....
分类：
其他好文 时间：
2015-03-11 00:31:10
阅读次数：
215
打造无懈可击的web设计——流动布局和弹性布局http://blog.csdn.net/qinghuawenkang/article/details/7557087转: 自适应css布局—-流动布局新时代(译文)http://justcoding.iteye.com/blog/1825188
分类：
其他好文 时间：
2015-03-10 23:06:57
阅读次数：
154
写在前面在面试的时候遇到这样一个笔试题，使用div+css布局一个三行两列的页面。这里主要考察的是css中postion的具体用法。详细信息可参考我这篇文章：[HTML/CSS]说说position代码闲来无事，就自己动手实现了一下，代码如下： 1 2 3 4 5 6 首页...
分类：
Web程序 时间：
2015-03-10 15:25:55
阅读次数：
214
1.问题出现的场景：
需要实现上面的布局，三张图横向排列，左图靠左，右图靠右，中间图居于中间，且图与图之间有固定间隔，起初通过如下方式实现(为了说明方便，直接通过内联样式表现)：
margin-left:34%"> src=""/>
right">
该实现方式，通过float来控制左右两侧图靠两边停放，中间图通过计算三张图总宽96%，剩余4%，这4%需要分为两...
分类：
其他好文 时间：
2015-03-10 12:10:05
阅读次数：
134
今天讲讲上下两栏布局的应用场景，在此之前稍微提一下box-sizing这个属性。该属性有三个值分别为content-box|border-box|inherit。box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。通常我们设置的高宽度其实是指内容的高宽度，是没有将边框的高宽度算在...
分类：
Web程序 时间：
2015-03-03 23:29:39
阅读次数：
808
