前端学习6

文章讲述了如何通过CSS来清除图片默认的3-5像素外边距,包括将图片设置为块级元素或行内块级元素,以及调整display属性。同时讨论了其他元素如div、p和列表的显示模式,以及隐藏元素的方法,如使用display:none和visibility:hidden。此外,还提及了分页的实现和下拉框设计中避免高度塌陷的注意事项。
摘要由CSDN通过智能技术生成
  1. 清除图片的默认3-5像素外边距
    1. 给外面套一个盒子,盒子宽度与高度和图片相同
    2. 给图片display:block或者inline-block
    3. 添加float
  2. 图片默认为inline格式,但是他展示出来为inline-block
  3. 块级元素
    1. div,p,列表,form,h1-h6
  4. 行内元素
    1. span,input,img,特殊标签(b,i,u,s),a
  5. curser(鼠标样式)
    1. point(手),move(四面箭头),help(带问号箭头),text(文本)
  6. 样式转换
    1. display
      1. block
      2. inline
      3. inline-block
      4. list-item
    2. 几种可能使用环境
      1. 分页
        1. ul的li里面添加a标签,给a标签display:block来让整个按钮能跳转
  7. 隐藏元素的四种方式(a,b不占空间)
    1. display:none
    2. height:0; overflow:hidden
    3. opacity:0;
      1. 在IE9以下不适用 得用filter:alpha(opacity=50)
    4. visibility:hidden;
  8. 下拉框
    1. ul下li li内写div和ul
    2. 注意高度塌陷,不要给overflow:hidden,给ul高度

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值