240 发简信
IP属地:广东
  • scss deep 样式穿透

    通常情况下,我们写样式穿透都是用 >>> ,或者 /deep/ 以上这两种方式正常情况下使用都没有问题,但在scss,less,sass等解析器中,>>>,/deep/可能都...

  • github国内的镜像网站

    1、最新国内镜像地址 https://kgithub.com/[https://kgithub.com/]之前使用的是:https://hub.fastgit.org/[ht...

  • toString.call()来检测数据类型

    最近在读elementUI源码的时候发现了这样一段代码 其中用toString.call()来检测数据类型,这样的方式无疑是比typeOf严谨的,特此记录一下。 typeof...

  • 08-CSS定位属性&锚点

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

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

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

  • 07-[案例3]图片的默认bug

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

  • 120
    07-[案例2]京东页面的多商品展示布局

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

  • 120
    07-[案例1]实现img图片居中对齐

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

  • 120
    07-CSS垂直对齐属性

    垂直对齐属性 属性:vertical-align 属性值baseline 基线对齐,默认值top/bottom/middle 需求:用基线实现图片居中(了解即可,不实用)图片...

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

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

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

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

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

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

  • 120
    06-CSS元素类型

    元素类型的分类 在网页布局中有的标签可以直接设置宽高大小,但有的标签不可以直接设置,因为每个标签都有自己的类型。在css中根据显示分类可以分为:块级元素、行内元素、可变元素。...

  • 120
    05-CSS图片整合技术&文本溢出

    图片整合技术 已逐渐淘汰,了解即可 作用:可以通过把很多小的图标整合到一张大的图片上,通过背景定位技术移动图片从而实现小图标位置 别名:css sprites、精灵图、雪碧图...

  • oracle安装笔记

    安装oracle软件方法 图形界面 rpm包 静默 安装软件容易检测不通过的点: 包没有装完全---yum 用户组创建有问题 软硬限制有问题(使用预安装包会自动配置) 交换空...

  • 思考-静态页面布局

    变量/标签名 取名神器 codeif 关于静态页面布局的思路 页面可以看成是搭积木,说明需要设置多个部分,并且将多个部分分成盒子进行拼接 分析有六个区域 => div*6 给...

  • 04-CSS核心属性

    A. 浮动属性 在网页布局中经常看见很多标签默认是从上到下显示的,需要改变默认的排序方式可以使用浮动属性。 概念:使用浮动属性可以改变元素的位置(默认从上到下改为从左到右/从...

  • 03-CSS基础

    CSS语法组成 作用:修饰美化页面 组成:选择器{声明} --> 选择器{属性1:属性值2;属性2:属性值2} 注意: 选择器/选择符是修饰当前这个对象的(标签) {声明...

  • 02-HTML基础2

    图片标签 标签img 标签属性src:表示可以导入图片的路径alt:表示在图片加载失败时候提示文本(写图片的描述)优化作用 路径 绝对路径(不推荐)含有电脑盘符的路径地址只能...