首页 > Web开发 > 详细

对CSS进行wxss思路学习,display属性。

时间:2016-10-14 14:09:31      阅读:1835      评论:0      收藏:0      [点我收藏+]

先来概要一下学习思路:

本系列内容,将针对微信小程序中的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中进行实践就可以有较为清楚的“自我认知”。

 

对CSS进行wxss思路学习,display属性。

原文:http://www.cnblogs.com/zhichaobouke/p/5958785.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!