一、xhtml css基础知识文档类型语言编码html标签css样式css优先级css盒模型组成1）文档类型当我们用dreamweaver新建一下html格式文档时，查看源代码，会发现代码最上部有如下这句话：这句话标明本文档是过渡类型，另外还有框架和严格类型，目前一般都采用过渡类型，因为浏览器对XH...
分类：
Web程序 时间：
2015-04-27 00:09:18
阅读次数：
173
CSS其中一个让人比较困惑的地方就在于它的盒子模型中关于高度和宽度的计算，别说那些初学者了，就是写过很久CSS的人也一样会有如此的感觉。CSS中的高度和宽度总是不那么直观，让你总是很困惑，不能一眼就能分辨出其高度和宽度。有的时候你希望它的宽度是100px，但实际情况却总不是这样。然而，设置正确的bo...
分类：
Web程序 时间：
2015-04-25 16:34:42
阅读次数：
139
最近比较闲，思索着怎么提高下JS技术，于是找到了昵称为豪情的这哥们的一篇文章，应该是哥们吧，详细了解了下，发现其中的试题CSS部分有些做起来很吃力，于是乎各种google恶补盒模型，找到了这哥们的一文章《纯CSS无hacks的跨游览器多列布局》，应该是算是中文版吧，翻译辛苦了，这个是原文出处equa...
分类：
Web程序 时间：
2015-04-17 17:32:37
阅读次数：
138
再也不相信别人了,博客都是坑爹,一个简单的盒模型,被描述的那么难受盒子模型区块元素的矩形结构经常称之为盒模型,它包括一个元素的内容（content）是放置在一个元素的打开和关闭标记之间的实际文字（或其他媒体）。一个元素的留白（padding）是该内容周围的空位，其仍构成上述元素之一部分。paddin...
分类：
Web程序 时间：
2015-04-05 21:52:04
阅读次数：
152
css有种基础实际模式叫盒模型，定义了web页面中的元素是如何看做盒子来解析的。1、css盒模型简介 在css中主要有以下几种盒模型：inline、inline-block，block、table、absolute position、float。 浏览器把每个元素看做一个盒模型，每个盒模型是由以.....
分类：
Web程序 时间：
2015-03-17 19:52:26
阅读次数：
156
本文根据在慕课网的学习笔记整理。在清楚了CSS 盒模型的基本概念、 盒模型类型后， 可以深入探讨网页布局的基本模型。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS ...
分类：
Web程序 时间：
2015-02-04 18:23:38
阅读次数：
194
本文根据在慕课网的学习笔记整理。盒子模型：边界+边框+填充+内容边界元素与其它元素之间的距离可以使用边界（margin）来设置。边界也是可分为上、右、下、左。如下代码：div{margin:20px 10px 15px 30px;}//也可以分开写：div{ margin-top:20px; ...
分类：
Web程序 时间：
2015-02-04 16:08:21
阅读次数：
139
清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的...
分类：
Web程序 时间：
2015-02-03 21:18:54
阅读次数：
208
CSS 框模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许...
分类：
Web程序 时间：
2014-12-28 02:01:50
阅读次数：
151
盒模型--边框（一）
盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
如下面代码为div来设置边框粗细为2px、样式为实心的、颜色为红色的边框：
div{
border:2px solid red;
}
上面是border代码的缩写形式，可以分开写：
div{
border-width:2px;
border-s...
分类：
Web程序 时间：
2014-12-16 22:41:59
阅读次数：
235
