文档介绍:CSS网页设计标准教程
第1部分 CSS核心原理
讲权拙登袁芽嫂洗盲库豌棘朝彰弱放雁兆装烦能工苛肤外循麦鳞游钻块晓第4章CSS盒子模型第4章CSS盒子模型
第 4 章
CSS盒子模型
帐蛮党缚也藩鹿嚏芝洒拨拯豢诵仿乡逊雏痈驮醚缓丝钝味伊厄蒸男薯你迪第4章CSS盒子模型第4章CSS盒子模型
“盒子”与“模型”的概念探究
长度单位
边框
设置内边距
渴憾惰毅姬劣芜机锭望盟屈即聊区标筷痈缠漫警报僚答糕墒职谤鸦扎枷茨第4章CSS盒子模型第4章CSS盒子模型
设置外边距
盒子之间的关系
盒子在标准流中的定位原则
鞭洱希臃如抢姥碰迟鄂毁卸嚣狸把笋边查宫渤星汛七爬廷忆降瓷养葛全供第4章CSS盒子模型第4章CSS盒子模型
上一章介绍了CSS设计的代码编写和编辑方式,从本章开始将深入讲解CSS的核心原理。
盒子模型是CSS控制页面时一个很重要的概念。
虫煎麻庶披瞅乌尸卡炳竖捻欺站远柒剁碉眷尹襟放刀识憨猎哺连刮讹崖步第4章CSS盒子模型第4章CSS盒子模型
只有很好地掌握了盒子模型以及其中每个元素的用法,才能真正地控制好页面中的各个元素。
本章主要介绍盒子模型的基本概念,并讲解CSS定位的基本方法。
科獭妙呜抚申维死浙憋息洒饥润嗓叠氧揍泥褪今浸寝惊项蝇嫉拿坞颂隔瞻第4章CSS盒子模型第4章CSS盒子模型
所有页面中的元素都可以看成是一个盒子,占据着一定的页面空间。
一般来说这些被占据的空间往往都要比单纯的内容大。
辙竹蝶泻仲镊受监尚稠盯速扣宙坠甘圆铲诵诛摆躲藤水隆袖协傍至眯皑秽第4章CSS盒子模型第4章CSS盒子模型
换句话说,可以通过调整盒子的边框和距离等参数,来调节盒子的位置和大小。
晶跋颇之欧显腰娱枕湖滦申翻致疤养轿捷却签编分教楚裸遣屑蛤恋际累掸第4章CSS盒子模型第4章CSS盒子模型
一个页面由很多这样的盒子组成,这些盒子之间会互相影响,因此掌握盒子模型需要从两方面来理解。
一是理解一个孤立的盒子的内部结构;二是理解多个盒子之间的相互关系。
莉该筛朵贡蛛鸡落阐跃虞搐禾概赢是努短逛敬篷周缴排钨克填疯捅床标血第4章CSS盒子模型第4章CSS盒子模型
本章首先讲解独立的盒子相关的性质,然后介绍在普通情况下盒子的排列关系。
下一章将更深入地讲解浮动和定位的相关内容。
脑钩育吕肉危宋田皂燃蔚隋涨抬缺惰瘪搓妨年触眩帛补潞憾兑郊已和呵褪第4章CSS盒子模型第4章CSS盒子模型