不知道栏目该叫什么名字怎么办？在线等，急！——CSS+DIV

来源：互联网发布：直播诱导支付充值源码编辑：程序博客网时间：2024/05/17 05:00

拖拖拉拉，拖拖拉拉，经过4、5天的毕业设计泥潭，可算是基本完成了，刚刚恢复到牛腩的进度中，幸好之前敲得东西都是B层和D层。

这两天刚刚接触CSS+DIV，这俩玩意都是以前没听说过的，或是上课老师讲过我都没听。。。一开始听到CSS我还以为是cs：source，后来知道是Cascading Style Sheets，级联样式表。

好了，废话少说，接着往下写。CSS的意义在于实现了页面与样式分离，类似我们设计模式中创建者模式，构造与创建过程的分离。这样子来说其实是为了方便后期的修改，更新网页的各种页面元素，这就是一种封装。使用CSS进行网页开发的难度会比原来table式大了许多，而且存在着多种浏览器内核不同一兼容的情况。看来这个对比跟面向过程到面向对象差不多嘛。

由于理解的不深，就简略的说说我的想法，先说CSS的核心——盒子模型。盒子模型在牛腩的视频中讲的很清楚，网上也有很多很多一目了然的图片，我是怎么看怎么眼熟，还记得word里面，插入的图片吗？简直一样。。。可以改变盒子的外边距（margin）、内边距（padding）、边框（border）和内容（content），来实现我们想要的效果。

当我们需要对一个盒子进行调整的时候，通过单纯的边距等属性做不到时，可以采用浮动和定位。

提到浮动和定位，就要先说说标准流。所谓标准流，就是写完html后，系统会自动按照html中写的顺序，排列每个盒子的位置，这个顺序就是标准流。而浮动则是脱离标准流，随便往哪放，就好像word中图片浮于文字上方这种感觉。

定位是分两种，相对定位和绝对定位。相对定位是相对这个盒子在标准流中的位置进行定位，绝对定位则是在他的上一层，比如<body>中进行定位。听起来也不难嘛。

好了，牛腩我就看到这，后面是开始网页的设计了，计划还有十几天，应该没问题的。

0 0