前端小白的一点经验

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

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

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

        实例:

       

图片发自简书App

        ↑白色背景和文字紧贴。

       

图片发自简书App

       ↑白色背景和图片同宽。

       二.技巧:

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

       实例:

图片发自简书App

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

   

     

图片发自简书App
↑去掉左边和右边图片的margin,只保留中间的。(a.middle{margin:0 25px;})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 5,351评论 0 5
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,734评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,804评论 0 17
  • 当我经历工作的失败,经历感情的伤害之后,我整个人生的颜色变成了灰色的,连上天都在为我可怜,连续想这种阴沉的天气已经...
    冬季少女阅读 24,206评论 2 2