搜索[css]结果-低调大师优秀个人博客

精选列表

搜索[css]，共5060篇文章

Tailwind CSS v2.0

Tailwind CSS v2.0 已于两个月前发布，其开发团队表示从 1.0 到 2.0 的 18 个月里，他们发布了 9 个小版本，增加了不少新功能，例如占位符样式、屏幕阅读器可见性、CSS 网格、

2021-01-27

CSS字体样式的使用

扩展：Unicode 字体在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。xp 系统不支持类似微软雅黑的中文。

2020-12-23

回顾css的animation属性

异名新接一个需求，实现一个文字的切换，结果发现太久没写css动画，对animation属性已经很陌生，尤其是对steps()函数的理解已经丢掉了。

2020-12-14

float:left/right/none; 1.同级浮动（1）使块级元素在同一行显示（所有要在同一行显示的都要加浮动） <div class="box1">box1</div> <div class="box2">box2</div> <div class="box3">box3</div> .box1{ border: 2px solid red; width: 40px; height:100px; float:left; } .box2{ border: 6px solid black; width:100px; height:40px; float:left; } .box3{ border: 12px solid blue; width:100px; height:300px; float:left; } （2）使行内元素支持宽和高 <span class="box1"></span> .box1{ border: 2px solid red; width: 40px; height:100px; float:left; } 3.不设宽或高时，宽和高由内容撑开； <span class="box1">hello</span> .box1{ border: 2px solid red; float:left; } 4.如果在某个元素上添加浮动，它将脱离标准文档流（文档流是指对象在文档所占的位置），并且向后找没有浮动的元素覆盖在上面（向后浮动），跟前面的元素没有关系。 <div class="box1"></div> <div class="box2"></div> <div class="box3"></div> .box1{ border: 1px solid red; width: 40px; height:100px; float:left; } .box2{ border: 4px solid blue; width: 140px; height:40px; float:left; } .box3{ border: 8px solid gray; width: 200px; height:200px; } 5.如果某个元素加了浮动，它先脱离标准流，在根据浮动方向浮动，直到碰到上一浮动元素的边界停下来，或者因为上一层不能放下该元素而掉下来，在下一行； <div class="box1"></div> <div class="box2"></div> <div class="box3"></div> .box1{ border: 11px solid red; width: 40px; height:100px; float:right; } .box2{ border: 4px solid blue; width: 140px; height:40px; float:left; } .box3{ border: 8px solid gray; width: 200px; height:200px; } 6.当一个元素A浮动在一个没有浮动的元素B上，他会挤掉B的内容原来的位置，甚至挤出 <div class="box1">box1</div> <div class="box2">box2</div> <div class="box3">box3</div> .box1{ border: 11px solid red; width: 40px; height:100px; } .box2{ border: 4px solid blue; width: 60px; height:100px; float:left; } .box3{ border: 8px solid gray; width: 200px; height:200px; } 分析时注意如果某一个元素浮动，只看它前面的一个元素，前一个元素也浮动，则并排显示，如果前一个元素没有浮动，则相对位置不变；详细的分析：https://www.cnblogs.com/acorn/p/5249089.html

2018-12-11

前端杂谈: CSS 权重 (Specificity)

前端杂谈: CSS 权重 (Specificity) css 权重想必大家都听说过, 一些简单的规则大部分人也都知道: 较长的 css selector 权重会大于较短的 css selector id

2018-11-19

CSS 箭头和线条代码

2018年4月25日 /*箭头*/ div:before { position: absolute; top: 50%; right: 15px; margin-top: -4px; content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #c8c8cd; border-style: solid; -webkit-transform: matrix(.71,.71,-.71,.71,0,0); transform: matrix(.71,.71,-.71,.71,0,0); } /*线条*/ div:after { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid #d9d9d9; color: #d9d9d9; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(.5); transform: scaleX(.5); }

2018-09-04

Confluence 6 CSS 编辑技巧

开始编辑空间样式表一个空间的样式表是你开始对 CSS 进行自定义编辑的好的开始。在空间样式表中，包含了你所有可以进行修改的元素。

2018-05-01

CSS相关知识点

CSS3的技术来解决半透明： background: rgba(0,0,0,0.3); background: rgba(0,0,0, .3); 18、行高可以继承。

2018-04-13

CSS兼容性详解

本文将详细介绍CSS兼容性盒模型属性【宽高width/height】 (全兼容) width height (IE6-不支持) min-width max-width min-height max-height

2017-11-13

CSS色域、色彩空间、CSS Color 4新标准 | 京东云技术团队

引言近期，三大主流浏览器引擎均发布最新版本，支持W3C的CSS Color 4标准，包含新的取色方法color()和相应语法，可展示更多的色域及色彩空间，这意味着web端能展示更丰富更高清的色彩。

2023-10-27

CSS 锚点定位入门指南

它能让你仅用 CSS（少写点代码），更轻松地创建响应式的菜单和工具提示（tooltip）。下面我们来看看它是怎么工作的。

2026-07-23

CSS 全新官方 Logo 公布

正如你可能想象的那样，自 1996 年以来，CSS 发生了许多变化。与现代 HTML 一样，当前版本的 CSS 已经发展到可以做之前需要 JavaScript 来完成的事情。

2024-11-14

如何优雅的写css代码

作者：京东科技杨健 CSS（全称Cascading Style Sheets，层叠样式表）为开发人员提供声明式的样式语言，是前端必备的技能之一,基于互联网上全面的资料和简单易懂的语法，CSS非常易于学习

2022-12-26

CSS 盒子的边距塌陷

tip:为能更直观地学习，本文章已省略部分 css 样式代码。

2021-11-02

为什么使用Tailwind Css框架?

同样的进化当然也会发生在 CSS 的开发上。

2021-04-08

css加载会造成阻塞吗

实际结果: 由上图我们可以看出，位于css加载语句前的那个js代码先执行了，但是位于css加载语句后面的代码迟迟没有执行，直到css加载完成后，它才执行。

2019-02-12

css案例学习之继承关系

</p> <ul> <li>在这里，你可以学习到： <ul> <li>HTML</li> <li>CSS <ul

2017-12-30

Android微信内按钮CSS失效

1.1.1 现象一个用<a>元素制作的按钮，在微信浏览器中显示的很奇怪，如下图：这个按钮在iPhone的微信以及Android浏览器中打开都是正常的，如下图：正常情况下，根据CSS设置

2017-11-14

css3 重置ios滤镜

input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }

2017-06-13

开源 CSS 框架 Tailwind CSS v4.0 正式发布：显著提升性能、简化配置体验……

Tailwind CSS v4.0 稳定版已正式发布。

2025-01-23

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。