div+css 总结一

本文介绍了CSS布局中几个实用的技巧,包括z-index属性的作用、元素居中的方法、网页置顶对齐的设置、链接样式的正确书写顺序及列表项图片背景与文字的对齐准则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.z-index属性:
 决定层的先后顺序和覆盖关系,值高的元素会覆盖值比较低的元素。
 默认的z-index为0"
2.margin:0 auto;为居中margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right 因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)
3.网页置顶对齐属性:
 <style>
  *{
   margin:0;
   padding:0;
  }
 </style>

4.定义链接的样式时,需要按照:link,:visited,:hover,:active这样的顺序,可以使用LoVe HAte(喜欢讨厌)来记忆

5.

list-style-image图片背景与文字对齐准则:

如果是12px的文字 则是:12px的汉字——16px的li高度——8px高度的背景图片。

如果是14px的文字 则是:14px的汉字——18px的高度——10px高度的背景图片。

已经过国家zxx 9002质量体系认证,绝对适用。


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值