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

精选列表

搜索[css框架]，共10006篇文章

SpringBoot2更换Tomcat为Jetty，小型站点的福音

gt; 2.启动服务器即可看到Servlet容器已经发生了改变总结：由于Jetty的有点，有些公司采用Jetty服务器，本文主要讲解在工程中如何替换Tomcat为Jetty，当然建议改操作在搭建项目框架的时候就去替换了

2025-09-05

SpringBoot2编写第一个Controller，响应你的http请求并返回结果

如图：总结:本文主要讲解了SpringBoot的Controller编写，由于SpringBoot采用SpringMvc框架，所以掌握SpringMvc写法即可，主要变化在于静态资源存放位置从WebContent

2025-09-05

CSS动画小结

CSS动画原理：1.画面之间变化 2.视觉暂留作用常见问题 1.CSS 动画的实现方式有几种 1.transition 2. keyframes(animation) 2.过渡动画和关键帧动画的区别

2018-05-20

CSS Houdini：用浏览器引擎实现高级CSS效果

可没那么容易，但对CSS Houdini来说，却很easy，这些效果只是冰山一角，CSS Houdini能做的有更多。

2022-07-11

Firefox 70 将引入“非活跃 CSS”，快速排查 CSS 属性

在最新的 Firefox 70 Beta 版本中，引入了一项名为“Inactive CSS”（非活跃 CSS）的功能，DevTool 新工具将为开发者展示哪些 CSS 属性不会影响所选元素以及原因，这将大大节省开发者的时间

2019-09-13

@charset "utf-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; } //禁止文本缩放字体设置取消touch高亮效果 html { width: 100%; height: 100%; margin: 0px; padding: 0px; -webkit-text-size-adjust: 100%; font-family: -apple-system, "PingFang SC","Helvetica Neue", Helvetica, STHeiTi, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 62.5%; background: transparent; } body { width: 100%; height: 100%; -webkit-overflow-scrolling: touch; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary { margin: 0; padding: 0; } //清除输入框内阴影 input, select,textarea { border: 0; -webkit-appearance: none; appearance:none; } ol, ul { list-style: none; } //禁止选中文本内容 *:not(input, select, textArea) { -webkit-user-select: none; } //禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加 img,a{ -webkit-touch-callout:none; } a,a:active,a:hover { text-decoration: none; } //去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android) a,button,input,textarea{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

2017-06-21

CSS 颜色混乱实验

在 CSS 里，同一种颜色居然能有四种不同的写法，而浏览器还会点点头表示 “嗯，没问题，有效”。

2026-07-23

CSS盒子模型

CSS盒子模型（上）盒子模型（Box Model）是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法，才能真正地控制好页面中的各个元素。

2021-06-07

进阶：玩转 CSS 变量

:root{--primary-color:#06c;} 同时， CSS 变量提供了 JavaScript 与 CSS 通信的方法。就是利用 js 操作 css 变量。

2021-01-08

探索 CSS 的本质

前言 CSS，全称为Cascading Style Sheets，用于定制文档样式；CSS使得网页的呈现更加丰富，这也是初学前端的人最感到新奇的地方；但是随着对CSS的深入使用才会发现：那些被我们津津乐道的

2020-09-29

html，css，javascript注释

/* */是CSS的注释标签 /* */（注释代码块）、//（注释单行）是JS的注释标签。

2018-01-10

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

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

2023-10-27

Chrome CSS 2025 年回顾

序言近日发现 Chrome 官方技术平台 chrome.dev 发布了一篇极具价值的 CSS 技术总结文章，原文链接为：CSS-Wrapped-2025，Wrapped 单词在这里是打包，总结，回顾的意思

2026-01-05

有趣的 CSS 数学函数

于是我思考：能否在 CSS 中也用上这些数学函数，但发现 CSS 目前还没有，据说以后的新规范会纳入，估计也要等很久。

2021-08-23

CSS 实现的无限轮播

但是如果理解了轮播的原理，可以使用 CSS 实现，对于业务中应对多变的需求有很大的帮助。这篇文章想分享下一个用纯 CSS 实现的无限轮播的方法。

2021-03-19

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

CSS：同级元素浮动分析

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

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

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文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。