网站的结构就是两部分（横向和纵向） 如果是纵向的就是正常的文档流，设置内容器的宽度和高度，设置内容和边框之间的距离 padding ,边框往外的部分margin border调这些属性就可以。
工具/原料
1
笔记本电脑或者台式机电脑
2
电脑上要装前端编辑器
方法/步骤
1
一、行内元素和块元素。行内元素：输入完标签之后，不是自己占一行,行内元素的宽度和高度是由内容来决定，宽度和高度width height 不能用 css样式是display:inline;块元素 ：输入完标签之后，自己独占一行,可以设置宽度和高度，width和 height，Css样式 display :block。
2
二、Overflow当内容溢出，如何显示；Hidden：隐藏；Auto;如果盒子装不下，就会出现滚动条；Scroll,无论是否能装下都有滚动条边框。
3
三、外层元素的样式，会被里面的元素所继承，那些标签可以继承？如下：
4
四、优先级。单个选择器的优先级：标签选择器 <类选择器 < id选择器 <行内样式表。
5
五、复合选择器优先级：写的越精确，优先级越高。
6
六、清除浮动。Div里面还有
(外面的div父盒子>)div父盒子没有设置固定高，里面设置了浮动，父元素受影响，无法正常的计算，如何让父元素得到一个自然高，在父盒子里面的最下方加
给该div设置清除浮动的属性clear:both。
7
七、Fixed 固定定位。相对于浏览器窗口来进行的定位；如果不设置定位坐标，就在原来的位置；层级要被普通标签高；如果结合定位坐标，就是相对于目标位置的距离；设置固定定位之后，一定是块元素。
8
八、Relative相对定位。相对定位占空间；如果不结合定位坐标，就是在原来的位置；如果结合定位坐标，相对【自身】，作为参考点；层级要高于普通的元素。
9
九、绝对定位。
10
十、让我们自己动手来做一下吧！！
注意事项
1
自己有的属性，不向外继承，不会继承祖先元素的属性
2
盒子里面所有的值加到一起一定不能大于父盒子的内容区的宽度width 总的宽度=内容区的宽度width+border(左右)+padding（左右）+margin(左右)
上一篇：CSS3弹性盒子之子元素属性
下一篇：CSS+DIV包含哪些内容？
推荐信息
- 1
如何排除身体毒素。
- 2
如何通关Playgrounds 学习编程2 第27关
- 3
如何通关Playgrounds 学习编程2 收集指定总数
- 4
如何通关Playgrounds 学习编程2 第2关 使值变大
- 5
不会编程如何制作ACT游戏？
- 6
如何通关 swift学习编程2 第41关
- 7
如何通关 swift学习编程2 第34关
- 8
教你如何去火
- 9
如何通关 swift学习编程2 第35关
- 10
如何通关 swift学习编程2 第37关
- 11
如何处理与朋友争吵之后自己低落的情绪
- 12
如何让男友对你保持一如既往的热情？
- 13
PPT中如何绘制篮球图标
- 14
如何找到自己热爱的工作？
- 15
小叶紫檀手串如何盘玩
- 16
对于不愿阅读的孩子，如何提高阅读的兴趣？
- 17
紫檀柳与黄花梨手串如何辨认
- 18
如何怎样挑选好的琥珀木松明子手串料
- 19
如何系统地学好英语？
- 20
小叶紫檀如何鉴别（新手入门必看）
- 21
NFC充值羊城通地铁卡（即充即用）
- 22
如何自动充值公交/地铁卡
- 23
情绪法轻松解决抑郁症
- 24
如何调节情绪、情绪
- 25
怎么控制自己的情绪 做情绪的主人
- 26
哪些情况需要返还结婚彩礼，哪些情况不予返还结
- 27
什么情况下彩礼可以返还，彩礼返还要注意哪些？
- 28
什么是彩礼，离婚时怎样才能要回自己的彩礼？
- 29
怎么画开心一刻手抄报过程
- 30
彩礼返还问题怎么处理,彩礼造成生活困难如何认
- 31
离婚时返还彩礼的条件，婚时返还彩礼应注意哪些
- 32
彩礼可以返还吗，彩礼返还注意事项有哪些？
- 33
什么是彩礼，彩礼赠与能否撤销？
- 34
结婚彩礼需要返还的情形，彩礼返还有无诉讼时效
- 35
婚约有没有法律效力，婚约解除彩礼是否返还？
- 36
订婚中的彩礼纠纷如何处理，返还彩礼的诉讼时效
- 37
彩礼是什么,彩礼能否要回来,离婚后彩礼需要归
- 38
不能办理结婚登记的情形，彩礼返还的条件
- 39
结婚如何商定彩礼金额？
- 40
婚前给女方的财物都可认作彩礼吗，分手彩礼能要