（本文转发，如有侵权，立刻删除！）作者：Geek喜多川https:juejin.cnpost7159105009232117774近期的生活是在是有点太美好了的，让我都觉得像是在做梦，哈哈哈哈哈，幸福的生活，莫过于此，你说是吧，莎老板，我也要更加努力的加油才是。我想你就是我的动力源吧。1.1文字溢出省略号:文字单行溢出:overflow: hidden; 溢 …
css透明属性
本篇将介绍几个css小技巧，目录如下：自定义引用标签的符号重置所有标签样式禁止文本选择制作小三角形自定义<q>引用标签的符号默认q标签引用符号是浏览器根据不同语言环境自动设置的，当然我们也可以使用quotes属性自定义符号，如下实例：html：<p><div><q>不乱于心，不困于情。不畏将来，不念过往。如此， …
作为Web开发人员，最常见的事情之一就是更改HTML元素的背景颜色。但是，如果您不了解如何使用CSS background-color属性，可能会产生混淆。在本文中，我们讨论以下几点1.HTML元素的默认背景色值2.如何更改div的背景颜色，这是非常常见的元素3.该background-color属性会影响CSS盒子模型的哪些部分，以及4.此属性可以采用的不 …
1.什么是字体图标可以看作一种特殊字体，其展示的是图标，而不再是文字，其拥有字体的特性，比如大小、颜色、透明效果、阴影等，字体图标加载快、不变形。也可以看作是矢量格式的图标。2.字体图标常用免费资源（1）iconmoon字体图标库：https:icomoon.ioapp（2）阿里iconfont字体图标库：https:www.iconfont.cn（3）fo …
作者：Tam Hanna 转发链接：https:www.creativebloq.comhow-to21-ways-to-optimise-your-css-and-speed-up-your-siteCSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高 …
本文将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性，制作一些稍微复杂、酷炫的背景。通过本文，你将会了解到 CSS background 中更为强大的一些用法，并且学会利用 background 相关的一些属性，采用不同的方式，去创造更复杂的背景图案。在这个过程中，你会更好的掌握不同的渐变技巧，更深层 …
在实际编程中我们经常会遇到下拉菜单的下三角和一些特殊的图形，那么这些如何用css来实现呢？例1例2例3原理：仔细想想，原理非常简单，利用CSS的border以及它的属性值transparent来实现三角形,其中最主要的是要明白由于div的高度跟宽度都为0，margin，padding也为0，所以元素框的大小就是他的border的叠加，由于相邻border会重 …
我们学习 CSS 背景属性。假设这里有个 div 容器，宽 400，高 300，默认情况下，这个 div 是没有背景的，或者说它的背景是透明的，我们拿一张图片实验一下就能看得出来，这个 div 在默认情况下，背景是透明的。也可以给 div 加一个背景颜色。既然可以设置背景颜色，那么当然也可以给这个 div 设计一个背景图片，就像这样。但是由于这个 div 已 …
#大有学问# #头条创作挑战赛#什么是CSS三角制作？是指使用CSS代码属性将盒子只显示出一个三角状的标志就是CSS三角制作。CSS三角制作的要点三角盒子的宽和高皆设置为零；通过设置盒子的边框属性值来决定盒子的大小。代码演示先设置一个大盒子divBox1，里面包含有多个小盒子box，对比不同属性值的盒子显示效果。大盒子的css样式：.divBox1 {wi …
微信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄（点击页底“阅读原文”下载源代码）● ● ●1、对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率；使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快；内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件；容易 …