- 设计理念
-
自学网页快一年了,真的懂吗???
编辑:恒越科技 更新时间:2014-07-30 16:46:49 点击次数:3176次以下是我的理解:
制作网页就像是制作一张海报,需要内容和美工。内容由body里的代码表现,而美工则由css。说起美工,我感觉体现在布局、图片和颜色(当然,交互那一块儿这次不讨论)。而布局是网页制作不可回避的一个话题。对于布局我思考了很长时间,也练习了很多网页。我是这样理解的,不知道是否正确:
1.布局的基础是默认的标准流:块级元素横向扩充为父级的长度,纵向根据内容自适应。内联元素横向排列。 然后在默认流的基础上,通过为元素添加margn属性,可以实现元素的隔离,居中排列等一些基本的布局。最后可以通过float属性实现元素横向排列的效果加上position的绝对定位可以实现盒子的叠加。而一个网页的整体布局正是这些分散布局知识的整合。
2.但说起布局,不得不说网页的标记元素,html元素可以分为三类:块级元素、内联元素、可置换元素。正是因为这些元素的一些特性,导致网页布局成为一件复杂的事情。先说margin,看了很多网页教程书,发现对margin的介绍很是浅显。当我查了很多帖子,翻了很多书,才知道原来margin并不是那么简单。首先,对于不同元素margin的用法就有所不同。①块级元素它的特性完全体现,但内联元素里只有左右margin有用 ②大家可能都知道外边距合并问题,但父盒子和第一个子盒子出现的外边距合并问题大家可能会忽略,尽管有文章说这是IE内核的haslayout渲染问题,但我不太赞成,这个最后再说。 正是因为margin这个常用属性对不同元素类别的用法不同,再加上很多新手对网页元素的类别搞得不太清,导致布局时出现很多莫名其妙的问题。 说起根本,我感觉还是和一些教程书有关,没有把网页元素的分类和布局联系起来。
3.现在说说元素类别的之间的一些转换特性。块级元素通过设置浮动可以实现横向排列,达到inline-block的效果。内联元素通过设置浮动和绝对定位也可以达到inline-block的效果。
4.最后,我感觉网页布局大体可以这样:整体的wrap可以通过默认流和margin来实现 而一个盒子内部的细致布局需要这些布局知识的合并。最后提出我的一些疑问:
1.为什么不同浏览器会有各自的一些私有属性,这些标记的属性不是w3c定义的吗?有人说先出现浏览器再出现html的,到底这中间是个什么关系呢??求解答??
2.w3c里是不是已经把html元素种类分为了block\inline\block-inline三类 而他们之间的转换就是inline通过绝对定位和浮动可以实现block 而block通过display:inline 可以实现block
3.在w3cschool里把margin外边距合并问题归为了垂直外边距合并和普通的合并两类,而on having layout里吧垂直外边距合并问题归为IE的haslayout问题。我感觉应该不是IE的haslayout问题,因为火狐浏览器也会出现这个问题。到底是怎么回事呢???自学网页的这一年走了很多弯路,很迷茫,真心希望能在蓝色理想贴吧里遇到点灯之路的人,解答我心中的迷惑,自学的孩子真的伤不起!
希望懂网页布局的一些高手能给我点这方面的指导,上面只是我个人的理解,肯定有问题,虽然是以描述的方式写的,但目的是为了让大家更多的发现我在布局方面理解的问题,真心求大师给我下上面一些疑问的答案!!!!!真心的谢谢~~~!!! -
热门文章推荐:
- 2024-12-18【洛阳做网站】在阿里云进行备案,完成备案需要多少天?
- 2024-10-17如何取消在excel中输入邮箱后自动产生的超链接
- 2024-09-18洛阳恒越科技针对教育培训行业网站建设的剖析
- 2024-08-21洛阳恒越科技创造深度用户体验,未来网站设计更注重手机用户
- 2024-07-16【营销型网站】恒越科技营销网站实施标准
- 2024-06-18【洛阳做网站】专业的网站怎么做?
- 2024-04-25【洛阳做网站】各种常用的默认端口号 总结
- 2024-04-22【洛阳做网站】配置云虚拟主机的伪静态如果不起作用,可以按照以下步骤排查
- 2024-04-08【洛阳做网站】网站信息在百度收录如何查询?品牌是否被收录常用的多种方法
- 2023-06-25【技术问题】新网站页面不收录的原因有哪些?如何破局!
- 2021-08-27【技术问题】360提交入口
- 2021-08-27【技术问题】百度提交入口
- 2020-06-28【技术问题】常见网站CSS样式重置
- 2020-03-04【洛阳做网站】响应式网站应设置的视口(viewPort)
- 2020-03-02【公司头条】新的一年,2020加油启航!
- 2020-03-02【技术问题】简单对比WDCP与宝塔面板WEB环境区别与选择建议
- 2020-01-10【技术问题】linux centos 宝塔主机控制面板安装和安全狗安装过程记录
- 2020-01-07【洛阳网站建设】网站首页总是频繁被劫持该怎么办?
- 2019-11-20【洛阳网站建设】小程序支付成功后关注公众号的选择框能不能默认勾选?
- 2019-03-06【洛阳做网站】如何完成一个高质量的设计工作?