qq_41913971的博客

CSS知识学习

CSS3 边界图片详解border-image-source 属性：指定要使用的图像。属性：border-image-source: 指定要使用的图像。border-image -slice： 指定图像的边界向内偏移border-image -width：指定图像边界的宽度border-image-outset：指定在边框外部绘制border-image-area 的量border...

web前端常用长度单位1. px 像素（Pixel）相对长度单位。相对于显示器屏幕分辨率而言2. em相对长度单位。相对于当前对象内文本的字体尺寸。若当前对象内文本字体尺寸未被设置，则相对于浏览器默认的字体尺寸。指的是字符宽度的倍数。3. rem相对长度单位。css3新增，相对于HTML根元素。只要修改根元素就可以成比例的调整所有字体大小，还可以避免字体大小逐层复合的连锁反应。兼容性：...

简介学习地址： https://meyerweb.com/eric/tools/css/reset/重置样式表的目的是减少浏览器在默认行高，标题的边距和字体大小等方面的不一致。重置样式特意是非常通用的/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1,

IOS背景半透明渐变问题问题描述给一个层设置半透明的背景background:linear-gradient(to bottom, transparent, #ffffff)在安卓上显示正常（白色半透明，但ios上显示透明渐变会出现灰色，所以不能直接写成transparent。正确写法：background: linear-gradient(to bottom, rgba(255,...

css媒体查询PC端按屏幕尺寸整理?通过上面的电脑屏蔽及尺寸的例表上我们得到了几个宽度1024 1280 1366 1440 1680 1920超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏幕 桌面显示器(≥992px)大屏幕 大桌面显示器 (≥1200px)/* 超小屏幕（手机，小于 768px） */@media (max-width: 768px) { ... }/* 小屏幕（平板，大于等于 768px） */@media (min-w

文章目录前言一、负边距一、nth-child()系列)前言如何从最后一列的每个元素中删除边距？在元素宽度不确定的情况下，或者如果屏幕很小或用户调整浏览器大小，则每行排列的个数就不确定因此，在任何情况下，最后一列中出现的任何元素(可以是一个或多个然后是一个)。我想删除margin-right。除非您确切知道每行有多少个元素(通过选择器的nth-child()系列)，否则无法使用纯CSS在每行的特定元素上删除或添加样式。<ul> <li>item 1</li&g

1）将元素的innerText 赋值成 元素的 innerHTML。即可避免转义的问题，将字符串中包含的 HTML标签生效。<div ref="introContent" class="intro__content">{{intro}}</div>mounted() { // let text = this.$refs.introContent.innerText; // this.$refs.introContent.innerHTML =

介绍vue中的css和style各种添加方式

图片铺满div，自适应容器大小，不会拉伸变形小程序1. image组件的mode属性：scaleToFill：缩放模式，不保持纵横比，图片拉伸至填满 image 元素aspectFit： 缩放模式，保持纵横比，保证图片的长边能完全显示出来。aspectFill： 缩放模式，保持纵横比，保证图片的短边能完全显示出来，长边截取。widthFix： 缩放模式，宽度不变，高度自动变化，保持原图...