孔浩HTML,CSS笔记,心得(第一天)

1.body {
   
   padding: 0px;
   margin:0px;
   
   
  }

默认情况下body的padding,margin是有值得,这样你可以看到他不到屏幕的边上,你需要设计下!

 

border: 1px solid red; 这个属性,你可以去CSS,里面去查,其中这个solid是实线的意思,如果不是那么他就是null,这样无论如何也看不到!

 

dispaly :这个属性比较重要的就hi把他弄成块级元素,和隐藏!其中block属性是块!然后

none : CSS1

隐藏对象。与 visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间

通过设置wai部DIV的padding padding-left和nei部DIV margin 的 margin-left是一样的!

2.

position : static | absolute | fixed | relative
取值:

static : 默认值。无特殊定位,对象遵循HTML定位规则
absolute : 将对象从文档流中拖出,使用 left right top bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body对象。而其层叠通过 z-index 属性定义
fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative : 对象不可层叠,但将依据 left right top bottom等属性在正常文档流中偏移位置

 

实践表明:如果不采用默认的位置那么,left.right.等都不好使,设置为absolute后那就是绝对的左右,如果是相对,那就是相对的左右!然后这个再结合spn处理文字布局很好用!,相对是说相对于他的父对象

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值