马国军-2020-10-30

知识总结:

 今日主要学习内容为定位和页面布局:position:relative/*相对*/;absolute:right:0px top:100px/*绝对*/,/*父相对,子绝对,必须给子定位条件*/
       position属性是最主要的定位属性,position属性即可以元素的绝对位置,又可以定义元素的相对位置。position属性的语法格式如下:
            position:static| absolute | fixed | 
         display:block/*使行级标签有了块级标签的属性独占一行和大小属性)*/ inline-block/*使行级标签有了块级标签的自定义大小的属性但没有独占一行的属性*/
         display:flex;/*弹性布局:用来为盒子模型提供最大的灵活性*/

网页的设计:一个网页设计时,我们可以将一个页面设置为头部,中间,和底部三部分; 头部有分为店招(logo)和导航等
          中间既内容部分,内容也可一个整体,也可左右分离,底部来页面结尾,一般写版权信息,友情链接等。
          width和height:width属性用于设置元素的宽度;height属性用于设置元素的高度。
          overflow:overflow属性用于设置元素内容溢出的处理方法。
页 眉:header      内 容:content       容 器:container
页 脚:footer      版 权:copyright    导 航:menu
主导航:mainMenu     子导航:subMenu       标 志:logo
标 语:banner        标 题:title        侧边栏:sidebar
图 标:Icon          注 释:note          搜 索:search
按 钮:btn           登 录:login          链 接:link
信息框:manage



心得体会:
css+div页面布局具有以下优点:1.使页面载入更快 2.降低流量费用 3.修改设计时更有效率
4.保持视觉的一致性 5.更好的被搜索引擎收录 6.对浏览者和浏览器更具有亲和力
想要在最短的时间内学到最多的东西,就需要付出比别人多的时间和精力,不能仅仅依靠上课听到的内容,更要进行大量的实际联系。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1