快属性: div p ul ol h1-h6
特点 1,可以设置宽高
2. 不可以与别的共处一行
3. 不设置宽高的情况下,宽度为100%;
行内属性 span a
特点 1.不可以设置宽高
2.可以与别人共处一行
3.其宽高有由内容撑开
行内快属性 img input
特点 1.可以设置宽高
2.可以与别人共处一行
<style type="text/css"> div{ width: 300px; height: 300px; background: lightblue; display: inline-block } span{ width: 300px; height: 300px; background: lightgreen; display: inline-block; } input{ width: 300px; height: 30px; } </style> <div>我是di</div> <div>我是div</div> <span>我是spa</span> <span>我是span</span> <input type="" name=""> <input type="" name="">
以上为不同行块属性的不同表现形式 可以通过不同行块内的内容来看出不同行块的区别
css中的行块属性的重点事行内属性,快属性,行内快属性是是否可以再同一行内是否共同显示。是否可以设置宽高
行内属性,快属性,行内快属性的大小从属关系。
标签:行内,宽高,300px,height,行块,属性 来源: https://www.cnblogs.com/xzhl1314/p/15510545.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。