首页 > Web开发 > 详细

「HTML+CSS」开发经验,习惯,盒子模型

时间:2019-10-07 14:19:33      阅读:97      评论:0      收藏:0      [点我收藏+]

text-align/*对齐方式*/

text-indent/*em*/字体对其方式,缩排

line-height/*行高*/

技术分享图片灯高等宽


 

text-decoration:line-through/none/underline;

cursor光标

//伪类选择器

技术分享图片

 

 

 


 

标签归类:

   1.行级元素inline

      feature:内容决定元素所占位置,不可以通过css改变宽高

      span/strong/em/a/del

   2.块级元素block

      独占一行,可以通过css改变宽高

      div/p/ul/li/ol/form/address

   3.行级块inline-block

      内容决定大小,可以改变宽高

      img

技术分享图片

 

 

 凡是带有inline 的元素都有文字分割特性


 

技术分享图片

 

 

 初始化标签

技术分享图片

 

 

 技术分享图片

 

 

 


盒子模型:

  上/右/下/左,上/左右/下,上下/左右

  盒模型计算:(不带magin即可,注意方向)

    技术分享图片

 

 

 width=100+10+10+20+20=160

同理得高:10+30+10+10+100=160


层模型:

  position 配合 left or right and top or bottom

 

  absolute:脱离原来位置进行定位   

    相对于最近的有定位的父级(ralative)进行定位,如果没有相对于文档进行定位

  ralative:保留原来位置进行定位

    相对于原来的位置进行定位

  fixed:固定定位

技术分享图片技术分享图片技术分享图片技术分享图片

 

 

 

 

 

 技术分享图片

 

「HTML+CSS」开发经验,习惯,盒子模型

原文:https://www.cnblogs.com/apelles/p/11630143.html

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