您的位置:首页 > Web前端 > CSS

对于heml和css的粗浅见解

2015-07-22 14:47 543 查看
学习html和css有几天了,其间有一些疑惑和困楚,也有难点被解开的喜悦。越学才越知道自己的不足,但还是有一些收获。

自己制作了一个管理学院的静态网页,才知道有哪些是重点,哪些是难点,哪些是常用点。css在排版布局的作用只要是制作网页的人,都知道他是很重要的。其中css的几个属性是很有趣的。

DIV:

1. padding可以调节内容在div中的位置,可以很方便的使内容放在自己的理想位置。

2. nargin则对于盒子之间的排版布局有很重要的意义,正确且合理的使用这个属性那么全局的排版将会变得很漂亮。

3. border对于我而言,是用来修饰的,可以起到锦上添花的作用。如果你的内容很充实,排版布局很漂亮,那么使用这个则会使你的网页的某些局部更加的亮眼。

浮动(Float): 可以说,float的作用是巨大的。Float的基础作用是用来使文字和图片能进行合理的布局,而后引用到div上的,如果是在div中使用float,那么需要注意的是各个div的宽度和高度,如果其间有一点问题,那么你将会发现你的排版和布局非常畸形。而且div是块状元素,会自动的从上而下排列,所以使用float能很好的使之在一行内排列。但是,float可能会造成父类盒子的崩溃,所以需要谨慎使用。

定位(position):应该说,position和float是近亲吧,它们的作用有一些类似,都是可以让你的div的位置发生变化的。

1. 相对定位,就是相对于你的原来的位置。你发现你要安置的元素所在的位置不是你想要让其待得地方,那么可以用relative来调整。它是基于你原来的位置而言的,所以使用这个你需要知道其原位置和理想位置。

2. 绝对定位,这个就是可以任意的调整了,它不需要基于你原来的位置。你可以在一个范围内任意的调整自己的位置,且不占有原页面(目前还不知道理由,作用)。使用这个,你可以很方便的使你待调整的元素到你理想的位置。

前面的都是关于css的,而关于html来说,重点的不是很多,因为这个全是基础,就相当于做美食的原材料,而css就相当于菜谱,你如果没有原材料,那么无论多么好的菜谱都是白搭。所以html的内容需要记住的很多,非要说一些稍重点的,那么应该是table,frame,和form吧。

1. Table是表格。可以利用table进行一些排版布局吧,我制作的那个静态网页用得不是很多,所以具体用处有待开发

2. Frame更是使用很少,所以留待以后再深入解释

3. Form应该算是用得很多的,网页上常见的输入框和选择框,都是这个的范围吧。问卷调查可能大家都知道,其中的应该全部可以用form来实现。而且,这个应该是网页的人机交互的基础吧

以上都是我的个人观点,有些错误希望多多指教。另外,由于所见太少,所以有很大的局限性,希望能多多交流。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: