关键字:宽度
  • 图片自适应等比缩放之object-fit
    object-fit:指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。与我们熟悉的background-size属性有点相似。 contain被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时 ...
  • 前端笔记(9)css grid网格布局
    Grid 布局的属性分成两类。一类定义在容器上面,称为容器属性;另一类定义在项目上面,称为项目属性。 容器属性 1. display属性 指定一个容器采用网格布局 div { display: grid; } div { displ ...
  • 前端入门:基本CSS基础知识点学习
    基本概念这些基本概念有些可能不易理解但却都很重要,如果看完还是很不理解的话需要自己谷歌或百度,网上关于这些概念的文章不少。流“流”又叫文档流,是css的一种基本定位和布局机制。流是html的一种抽象概念,暗喻这种排列布局方式好像水流一样自然 ...
  • 小程序开发笔记《七》使用canvas绘制带二维码海报并预览保存到相册
    小程序生成带二维码的海报效果预览: 项目需求: 需要根据用户信息生成用户个人二维码,后台提供海报素材,将用户二维码画在海报上,并可预览海报,长按保存海报,方便用户分享或者发朋友圈。 涉及到的相关API: wx.getImageInfo()- ...
  • CSS 实现水平垂直居中的方式
    这是面试经常会被问的问题,以前自己也看过相关的博客内容,但总是面试的过程中只能想到简单的几种,今天做一个总结:实现方式分为两类:1、已知元素的宽高确定 2、元素宽高不定(常问)分别对应不同的解决方案已知元素的宽高确定         1、a ...
  • 常见Web技术之间的关系,你知道多少?
    如果你是一个Web开发初学者,那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思,然而,随着学习的深入。当你把他们搅在一起,你又糊涂了,你会不停的问:HTML是什么?CSS ...
  • px/em/rem的相同与不同点
    1px有多大? 我们先了解几个概念: 关键概念 设备像素:设备屏幕实际拥有的像素点一般来说:宽度方向有1920个像素点,长度方向有1080个像素点。 逻辑像素:CSS 的像素单位(就是我们这次要讨论的css的px),其尺寸大小是相对的,也称 ...
  • 【面试题flex】关于弹性盒子中 flex: 0 1 auto 的一系列问题
    第一问 弹性盒子中 flex: 0 1 auto 表示什么意思 三个参数分别对应的是 flex-grow, flex-shrink 和 flex-basis,默认值为 0 1 auto。 1.flex-grow 属性定义项目的放大比例,默认 ...
  • js获取元素宽、高、边框。。。。等等css属性
    element.style.height 获取的是内联属性(即: 标签内设置的style),也就是说如果是在 css中设置的,获取不到。 通常只用来设置样式。 element.offsetHeight element.scrollHeig ...
  • 5种前端新手必知的新型的CSS长度单位!
    众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利。随着web继续不断地发展,对于新技术新解决方案的要求也会不断增长。因此,作为网页设计师和前端开发人员,我们别无选择,必须熟悉我们手上的工具, ...

暂无数据