http://zhidian.wuute.com/html5dev/ 2026-05-20T18:33:16+09:00 http://zhidian.wuute.com/html5dev/ http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2017-04-06T23:31:15+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/06/06?rev=1491489075&do=diff 语法基础 CSS的基本目标是让浏览器以指定的特性去绘制页面元素，这些是由属性和属性值的定义来实现的。 在CSS中，一个属性与值的键值对被称为CSS声明，多个CSS声明组成CSS声明块，CSS声明块则关联选择器则形成CSS规则，CSS规则的集合则最后构成整个样式表。 text/html 2017-04-22T23:50:32+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/06/16?rev=1492872632&do=diff 样式表导入 导入方法 样式的导入有外部样式表和内部样式两种方法。 外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。 外部样式表的导入包括在HTML文档里链接外部CSS文件的 text/html 2017-04-23T13:48:59+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/06/26?rev=1492922939&do=diff 样式的值 值和单位 CSS中的值有以下几种类型： * 颜色值 颜色值的应用场合有：背景颜色，边框颜色，字体颜色等 * 长度值 长度值的应用场合有：元素的大小，边框颜色，字体颜色等 text/html 2017-04-23T13:44:50+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/06/36?rev=1492922690&do=diff 盒子模型 每个可视的HTML元素在页面上都会被渲染成一个矩形区域，通常被称为盒子模型。 区域组成 盒子模型主要定义四个区域： * 内容(content)、 * 内边距(padding)、 * 边框(border) * 外边距(margin)。 text/html 2017-04-22T23:54:04+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/06/66?rev=1492872844&do=diff 弹性盒布局 弹性盒布局(Flexible Box Layout,简称Flexbox)，是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加灵活的方式来对一个容器中的条目进行排列、对齐和分配空白空间。 text/html 2017-04-23T13:40:55+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/06/start?rev=1492922455&do=diff 机制和原理 CSS是一种样式表语言，用于为HTML(或其他)文档定义样式,包括字体、颜色、边距、高度、宽度、背景图像、布局等等。 HTML用于结构化内容,CSS用于格式化结构化的内容,CSS让HTML文档的表示和内容分离成为可能。