关键字:z-index
  • html、css基础复习之布局结构篇
    所谓“设计一根线,重构一身汗”,掌握好css基础对于提高UI开发效率,提升代码质量有很大的作用。本文由我大熊主播给大家分享一下css中布局方面的基础。不需要游艇火箭,如果看完后有收获的话就点个赞点个收藏便是极好的。 本文的目录如下,采取的是 ...
  • 说一说从 URL 输入到页面呈现到底发生了什么?
    前言 这是面试过程中一道高频考题。 从面试官的角度思考: 出现频繁,可能是因为面试官通常喜欢问一些考察可深可浅的题目 很多面试管喜欢根据我们应聘者的考题回答中,甚至我们随口说到的知识点,继续追问 基本回答: 浏览器解析 URL 获取协议,主 ...
  • 小程序拖拽功能实现,以及无法点击的bug
    近些日子,遇到了一个需求,就是一个红包组件,需要可以整个屏幕拖拽,实现后整理了如下资料 小程序自带拖拽组件 #movable-area(父容器) # movable-view (移动容器) 这两个组件要配合使用才行, 解释一下 ...
  • web前端入门到实战:H5网页布局+css代码美化
    HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li 可用于浅色副标题 display:inline-b ...
  • web前端入门到实战:宣传页项目实战
    编辑器:sublime text3 标注工具:PxCook 切图工具:PS 开发前准备:设计图标注 PxCook 空格键可以上下拖动 大致标注图纸:(可惜不能文字标注和拉参考线) 开发前准备:PS切图 在指定图层上新建一个图层,使用ctr ...
  • web前端入门到实战:css重点知识和bug解决方法
    1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1给图片添加display:block; 1.2给图片添加float:left; 1.3 给图片添加vertical-alig ...
  • web前端入门到实战:纯CSS实现两个球相交的粘粘效果
    这是一个纯粹利用CSS所做出来的效果,这个效果说穿了就是一个图像处理的原理,做法跟Photoshop里头的几乎一模一样,只是一个用图层和色版来制作,一个则是用CSS(把div当成图层思考就好了)。 从PhotoShop开始 一开始我们来玩P ...
  • web前端入门到实战:一个标签!纯CSS实现动态晴阴雨雪
    1 引言 本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果: 再看看HTML代码: <!-- ...
  • web前端入门到实战:强力推荐的18种CSS命名和书写规范
    选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”; 与元件相关的样式以“m”为开头。如“m ...
  • vue实现Window10日历动画效果
    自从从事了前端行业,就得了个职业病,就是看到任何界面的效果都会思考自己怎么实现,这不看见Window10的日历系统,就动起了歪心思,想复现这个效果。 image 效果分析 边框的可见是跟随鼠标位置来改变,鼠标hover的日期显示边框,鼠标点 ...

暂无数据