好文分享

css实现三角的原理：首先确定底边是哪个方向，并设置哪个方向有颜色值；然后将其相对的边直接去掉；接着设置其左右两边的宽度和为该三角形的底边长，其自身的宽度为该三角形的高即可。 本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑 纯css实现三角形原理 在…

实现方法：1、利用padding属性和“%”单位；2、利用padding和calc()属性；3、利用padding属性和CSS变量；4、利用padding属性和伪元素；5、直接利用视窗单位“vw”；6、使用视窗单位配合CSS Grid布局。 本教程操作环境：windows7系统、CSS3&&…

css去掉焦点框的方法是，给输入框添加样式【input{outline:none}】就可以了。此时我们即使在输入框中输入内容，外框也不会出现焦点。 本文操作环境：windows10系统、css 3、thinkpad t480电脑。 input是HTML中的一个非常重要的元素，它可以提供用户输入，在输…

css3将滚动条隐藏的方法是，自定义滚动条的伪对象选择器【::-webkit-scrollbar】，例如【.element::-webkit-scrollbar { width: 0 !important }】。 本文操作环境：windows10系统、css 3、thinkpad t480电脑。 在…

本篇文章带大家了解一下css和网络性能。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 可以提高网络性能： var script = document.createElement(‘script’); script.src = “analytic…

本篇文章带大家了解一下css filter 有哪些神奇用途。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 背景 基本概念 CSS filter 属性将模糊或颜色偏移等图形效果应用于元素形成滤镜，滤镜通常用于调整图像，背景和边框的渲染。它的值可以为 filter 函数 或使用 ur…

给字体加描边的方法为：1、使用text-shadow属性，语法格式为“text-shadow: 水平阴影 垂直阴影 模糊半径 颜色”；2、使用text-stroke属性，语法格式为“text-stroke: 描边宽度 颜色”。 本教程操作环境：windows7系统、CSS3&&HTM…

在CSS中，我们有auto值，它可以用于像margin，position，height，width等属性。在本文中，会先解释auto的工作方式以及如何最大程度地利用auto的技术细节,当然，会配合一些用例和示例。 简介 auto关键字的使用因属性而异。 对于本文，我将在每个属性的上下文中解释值。 w…

本篇文章带大家了解一下css新特性contain，介绍一下控制页面重绘与重排的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 在介绍新的 CSS 属性 contain 之前，读者首先需要了解什么是页面的重绘与重排。 OK，下面进入本文正题。 contain 为何？ conta…

方法：1、在创建一个div元素充当父容器，包裹图片img标签；2、给div元素使用width和height属性设置宽高；3、给div元素添加“overflow:hidden;”样式，实现当图片超出div宽高时，修剪图片溢出的内容，将其隐藏。 本文操作环境：windows7系统、HTML5&&…