前端小白的一点经验

刚刚走上自学前端的路,先在慕课网上看了html和css的教程,接着看了几本相关的书籍。以为掌握的差不多了,结果实战起来有挺多问题。为了提高技术,把每次自己遇到的问题和总结的经验都记录了下来。

       一.理论:display属性(部分)

        块元素可以设置宽度和高度,而行内元素不能,只有把行内元素转换成行内块元素(inline-block)时才可设置。

        实例:

       

前端小白的一点经验_第1张图片
图片发自App

        ↑白色背景和文字紧贴。

       

前端小白的一点经验_第2张图片
图片发自App

       ↑白色背景和图片同宽。

       二.技巧:

     如何让多个包含图片、文字的板块居中排列一排。

       实例:

前端小白的一点经验_第3张图片
图片发自App

↑因为多余的左右margin导致三张图片的宽度超过浏览器的宽度,第三张图片被挤入左下角。

   

     

前端小白的一点经验_第4张图片
图片发自App
↑去掉左边和右边图片的margin,只保留中间的。(a.middle{margin:0 25px;})

你可能感兴趣的:(前端小白的一点经验)