对于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来实现。而且,这个应该是网页的人机交互的基础吧
以上都是我的个人观点,有些错误希望多多指教。另外,由于所见太少,所以有很大的局限性,希望能多多交流。
自己制作了一个管理学院的静态网页,才知道有哪些是重点,哪些是难点,哪些是常用点。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来实现。而且,这个应该是网页的人机交互的基础吧
以上都是我的个人观点,有些错误希望多多指教。另外,由于所见太少,所以有很大的局限性,希望能多多交流。
相关文章推荐
- 备忘篇——css在模块不固定大小又没有内容的时候如何显示背景图片
- 经验分享:CSS浮动(float,clear)通俗讲解
- CSS代码实现鼠标移过更换背景图片
- CSS3 鼠标经过缩放效果
- css通过特殊性解决样式冲突
- CSS入门学习(转)
- 样式表写法
- AlterDialog 常用的样式
- 用GruntJS合并、压缩CSS资源文件
- CSS浮动属性
- 【技术分享】CSS 实现渐变色背景
- CSS3 Box-sizing(盒子模型)
- JS获取CSS属性值
- ofbiz 购物样式 ecommain.css
- 解决 iOS webkit 使用CSS动画时闪烁的问题
- CSS display
- 用Move.js配合创建CSS3动画的入门指引
- css3制作导航栏
- CSS BFC学习笔记
- xhtml div+css浮动