zoukankan      html  css  js  c++  java
  • 对CSS进行wxss思路学习,display属性。

    先来概要一下学习思路:

    本系列内容,将针对微信小程序中的WXSS学习,所以在学习CSS时每一个知识点都在小程序IDE中进行实践,达到最好的学习效果。

    由于wxss与CSS有些许不同,在学习CSS过程中我们因尽力避免,在wxss中没有的属性花费太多时间。

    接触display属性:

    它是CSS中最重要的属性

    每个元素都有默认的display

    对于大多数元素它们的默认值是blockinline

    block被叫做块级元素,inline被叫做行内元素。

    block块级元素:它会尽可能撑满容器的左右边距,也就会让其他元素不能与它同排。

    其他常用的块级元素包括 p 、 form 和HTML5中的新元素: header 、 footer 、 section 等等。

    inline行内元素:它只会包裹内容而不会占用其他空间,

    • 设置宽度width   无效。
    • 设置高度height  无效,可以通过line-height来设置。
    • 设置margin 只有左右margin有效,上下无效。
    • 设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的。

    http://blog.csdn.net/freshlover/article/details/7076831

    http://www.cnblogs.com/lhl98/p/3432794.html

    以上链接对块与内元素有较好的讲解。

    我们在微信IDE中进行实践就可以有较为清楚的“自我认知”。

  • 相关阅读:
    洛谷P3275 [SCOI2011]糖果
    2018年12月30&31日
    洛谷P4114 Qtree1
    洛谷P4116 Qtree3
    洛谷P4315 月下“毛景树”
    洛谷P1505 [国家集训队]旅游
    洛谷P2253 好一个一中腰鼓!
    CF616D Longest k-Good Segment
    洛谷P3979 遥远的国度
    洛谷P2486 [SDOI2011]染色
  • 原文地址:https://www.cnblogs.com/zhichaobouke/p/5958785.html
Copyright © 2011-2022 走看看