240 发简信
IP属地:广东
  • 08-CSS定位属性&锚点

    定位的认识 定位的概念:可以控制元素在浏览器中的位置 关于定位使用的条件需要移动修饰的对象位置的移动方式需要改变参照物 定位属性的使用 posi...

  • 07-[案例4]背景定位导航栏

    需求:在导航栏中实现鼠标移入时,产生图标变色效果知识点:背景定位,hover选择器,元素类型,图片整合技术 原图素材:

    0.1 68 0 1
  • 07-[案例3]图片的默认bug

    图片bug:默认会往下撑开3~6px的间距,与其他元素之间产生间隙解决方法:给图片设置基线对齐把图片转换成块元素 图片bug解决后显示效果:

  • Resize,w 360,h 240
    07-[案例2]京东页面的多商品展示布局

    需求:实现电商的多商品展示效果。知识点:图片垂直居中vertical-align:middle;,浮动。

  • Resize,w 360,h 240
    07-[案例1]实现img图片居中对齐

    需求:实现图片在盒子中的垂直对齐排列知识点:添加参照物(span,width=0)实现,vertical-align:middle;

  • Resize,w 360,h 240
    07-CSS垂直对齐属性

    垂直对齐属性 属性:vertical-align 属性值baseline 基线对齐,默认值top/bottom/middle 需求:用基线实现图...

  • 06-[案例3]电商页面商品的聚焦效果展示

    需求:多商品展示时,当鼠标经过商品,显示一个聚焦效果(将聚焦效果的图片作为背景)。知识点:display:none和block之间的应用;使用基...

  • 06-[案例2]中英文切换导航的实现

    需求:在鼠标移动到导航栏悬浮时,将原本是英文的导航标题变成中文。知识点:display:none和block之间的应用 注意:因为需要实现英文和...

  • 06-[案例1]鼠标移出移入控制二维码的显示与隐藏

    需求:当鼠标移到导航栏时,在导航栏下方显示出企业logo/二维码知识点:display:none和block之间的应用 注意:margin-to...