- 前言 【CSS】 CSS表是一种用来表现HTML 或XML 等文件样式的计算机语言。 1994年，CSS由Hakon Wium Lie与 Bert Bos第一次提出。CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量。 本文重点： 1.CSS &nbs... 前言 【CSS】 CSS表是一种用来表现HTML 或XML 等文件样式的计算机语言。 1994年，CSS由Hakon Wium Lie与 Bert Bos第一次提出。CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量。 本文重点： 1.CSS &nbs...
- 文章目录 引言 采用css 设计文章排版 橙心 极客黑 锤子便签主题 see also 引言 当你不满足一些固定... 文章目录 引言 采用css 设计文章排版 橙心 极客黑 锤子便签主题 see also 引言 当你不满足一些固定...
- 和 lxml 一样，Beautiful Soup 也是一个HTML/XML的解析器，主要的功能也是如何解析和提取 HTML/XML 数据。 lxml 只会局部遍历，而Beautiful Soup 是基于HTML DOM的，会载入整个文档，解析整个DOM树，因此时间和内存开销都会大很多，所以性能要低于lxml。 Beautif... 和 lxml 一样，Beautiful Soup 也是一个HTML/XML的解析器，主要的功能也是如何解析和提取 HTML/XML 数据。 lxml 只会局部遍历，而Beautiful Soup 是基于HTML DOM的，会载入整个文档，解析整个DOM树，因此时间和内存开销都会大很多，所以性能要低于lxml。 Beautif...
- 效果演示： 代码目录： 主要代码实现： 部分CSS样式： :root { --w: 8vmin; /*** change width ***/ --h: 15vmin; /*** c... 效果演示： 代码目录： 主要代码实现： 部分CSS样式： :root { --w: 8vmin; /*** change width ***/ --h: 15vmin; /*** c...
- 代码目录： 主要代码实现： css样式： body { background: #000; overflow: hidden; margin: 0;} html : <!DOCTYPE html><html lang="en"><head&... 代码目录： 主要代码实现： css样式： body { background: #000; overflow: hidden; margin: 0;} html : <!DOCTYPE html><html lang="en"><head&...
- 效果演示： 代码目录： 主要代码实现： css样式： html,body { width: 100%; height: 100%; overflow: hidden;} body { backgr... 效果演示： 代码目录： 主要代码实现： css样式： html,body { width: 100%; height: 100%; overflow: hidden;} body { backgr...
- 1、原来的写法 <link href="/static/css/m.min.css" rel="stylesheet"> 1 2、改进后的写法 在配置文件中增加一个配置，如果需要更新就修改版本号 <link href="/static/css/m.min.css?t={{version.app_version}}" rel="styleshee... 1、原来的写法 <link href="/static/css/m.min.css" rel="stylesheet"> 1 2、改进后的写法 在配置文件中增加一个配置，如果需要更新就修改版本号 <link href="/static/css/m.min.css?t={{version.app_version}}" rel="styleshee...
- box-sizing 告诉浏览器如何计算一个元素的总宽度和总高度 语法 box-sizing: content-box|border-box|inherit: 1 1、content-box: W3C标准盒模型 [扩展] 内容尺寸不变，总尺寸增加 total = content + border + padding 1 2、border-box: IE... box-sizing 告诉浏览器如何计算一个元素的总宽度和总高度 语法 box-sizing: content-box|border-box|inherit: 1 1、content-box: W3C标准盒模型 [扩展] 内容尺寸不变，总尺寸增加 total = content + border + padding 1 2、border-box: IE...
- 使用nginx+django部署项目的时候，为了提高加载速度，我将css，js，image等静态资源在nginx中配置了路径 本地测试没有问题，代码提交线上就出问题了，出现了这么个情况： css文件能加载但是没有生效 1 经过查找资料，大概从以下两个方面入手检查： 1、考虑css文件引用是否正确 2、考虑服务器nginx配置静态文件是否正确 打开浏览器cons... 使用nginx+django部署项目的时候，为了提高加载速度，我将css，js，image等静态资源在nginx中配置了路径 本地测试没有问题，代码提交线上就出问题了，出现了这么个情况： css文件能加载但是没有生效 1 经过查找资料，大概从以下两个方面入手检查： 1、考虑css文件引用是否正确 2、考虑服务器nginx配置静态文件是否正确 打开浏览器cons...
- PostCSS 是一个允许使用 JS 插件转换样式的【工具】 autoprefixer 添加了 vendor 浏览器前缀的【插件】 PostCSS 文档：https://github.com/postcss/postcss/blob/main/docs/README-cn.md PostCSS Github: https://github.com/postcss/... PostCSS 是一个允许使用 JS 插件转换样式的【工具】 autoprefixer 添加了 vendor 浏览器前缀的【插件】 PostCSS 文档：https://github.com/postcss/postcss/blob/main/docs/README-cn.md PostCSS Github: https://github.com/postcss/...
- 1.table去重叠边框 table{ border-collapse:collapse; } 123 2.非table去重叠边框 只需要设置div的margin值为边框值的相反数就行 div{ border:1px solid #333; margin-right:-1px; margin-bottom:-1px; } 12345 参考 CSS去重... 1.table去重叠边框 table{ border-collapse:collapse; } 123 2.非table去重叠边框 只需要设置div的margin值为边框值的相反数就行 div{ border:1px solid #333; margin-right:-1px; margin-bottom:-1px; } 12345 参考 CSS去重...
- 文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow可视化工具 Box-shadow_generator 语法 box-shadow: X轴偏移量 Y轴偏移量 模糊半径 扩散半径 颜色 1 示例： <!DOCTYPE html> <html lang="en"> &l... 文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow可视化工具 Box-shadow_generator 语法 box-shadow: X轴偏移量 Y轴偏移量 模糊半径 扩散半径 颜色 1 示例： <!DOCTYPE html> <html lang="en"> &l...
- 样式代码 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransf... 样式代码 html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransf...
- PyPI: https://pypi.org/project/webassets/Github: https://github.com/miracle2k/webassetsDoc: https://webassets.readthedocs.io/ 个人感觉是Python版的webpack 安装 pip install webassets 1 使用示例 fr... PyPI: https://pypi.org/project/webassets/Github: https://github.com/miracle2k/webassetsDoc: https://webassets.readthedocs.io/ 个人感觉是Python版的webpack 安装 pip install webassets 1 使用示例 fr...
- 样式设置高度撑bai满整个页面，那么必须从最外层，一层一层设置高度100%； <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />... 样式设置高度撑bai满整个页面，那么必须从最外层，一层一层设置高度100%； <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第三期2026/08/21 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；念擎-华为云AI开发者运营案例开发专家
本期直播内容：AI六层能力首次详细解读 + 新一代华为云开发者空间亮相 + 校园案例直播带练
回顾中 -
华为云开发者AI素养直播课·第四期2026/08/28 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；吴松明-华为云AI开发者案例开发专家
EduSwarm 是一个基于多智能体框架构建的 AI 教师团队协作平台：把备课、上课、作业、批改、学情等教学环节，交给多位专职 AI Agent（课件师、出题官、批改师、学情分析师等）协作完成。教师从「亲力亲为」变成「做决策」，学生只需凭课堂码加入即可实时跟课。
回顾中
热门标签