- 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" />...
- 1、HtmlWebpackPlugin 自动生成基本的 html 页面 2、开启文件监听 3、webpack-dev-server热更新 安装依赖 cnpm i html-webpack-plugin webpack-dev-server -D 1 配置文件 1、.babelrc { "presets": [ "@babel/preset-env", ] } 1... 1、HtmlWebpackPlugin 自动生成基本的 html 页面 2、开启文件监听 3、webpack-dev-server热更新 安装依赖 cnpm i html-webpack-plugin webpack-dev-server -D 1 配置文件 1、.babelrc { "presets": [ "@babel/preset-env", ] } 1...
- 好吧，我承认我在这个点卡住了，不过最后走出了坑，在官网找到一个简单的方法 第一步：修改配置文件 # setting.py STATIC_ROOT = os.path.join(os.path.dirname(__file__), '\static') # 文件存放路径，根据实际情况修改 STATIC_URL = '/static/'12345 第二步：以下代码... 好吧，我承认我在这个点卡住了，不过最后走出了坑，在官网找到一个简单的方法 第一步：修改配置文件 # setting.py STATIC_ROOT = os.path.join(os.path.dirname(__file__), '\static') # 文件存放路径，根据实际情况修改 STATIC_URL = '/static/'12345 第二步：以下代码...
- npm: https://www.npmjs.com/package/style-resources-loader 安装 cnpm i style-resources-loader -D 1 vue.config.js 配置： pluginOptions: { "style-resources-loader": { preProcessor: "less",... npm: https://www.npmjs.com/package/style-resources-loader 安装 cnpm i style-resources-loader -D 1 vue.config.js 配置： pluginOptions: { "style-resources-loader": { preProcessor: "less",...
- <div class="wrap"> <div class="div"> <img src="a.jpg"> </div> </div> <style> .wrap{ width:50%; } .div{ width:100%; height:0; padding-bottom... <div class="wrap"> <div class="div"> <img src="a.jpg"> </div> </div> <style> .wrap{ width:50%; } .div{ width:100%; height:0; padding-bottom...
- js: webpack插件的使用 webpack中文文档： https://webpack.docschina.org/concepts/ webpack插件的使用 一、js压缩插件UglifyJsPlugin二、css提取插件：MiniCssExtractPlugin三、 生成html插件 HtmlWebpackPlugin四、使用开发服务器 devSer... js: webpack插件的使用 webpack中文文档： https://webpack.docschina.org/concepts/ webpack插件的使用 一、js压缩插件UglifyJsPlugin二、css提取插件：MiniCssExtractPlugin三、 生成html插件 HtmlWebpackPlugin四、使用开发服务器 devSer...
- Blog 项目源码：https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录前文列表扩展阅读Flask-Assets将 Flask-Assets 应用到项目中 前文列表 用 Flask 来写个轻博客 (1) — 创建项目 用 Flask 来写个轻博客 (2) — Hello World！ 用 F... Blog 项目源码：https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录前文列表扩展阅读Flask-Assets将 Flask-Assets 应用到项目中 前文列表 用 Flask 来写个轻博客 (1) — 创建项目 用 Flask 来写个轻博客 (2) — Hello World！ 用 F...
- 前言 Hello！小伙伴！ 非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称：海轰 标签：程序猿｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做笔记 + 多敲代码 + 多思考 +... 前言 Hello！小伙伴！ 非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称：海轰 标签：程序猿｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过国奖、省奖等，已保研。目前正在学习C++/Linux（真的真的太难了～） 学习经验：扎实基础 + 多做笔记 + 多敲代码 + 多思考 +...
上滑加载中
推荐直播
-
HDC深度解读系列 - AI时代的华为开发者空间2025/07/24 周四 16:30-18:00
Edwin 华为开发者空间产品总监 姚圣伟 HCDG天津核心组代表&HCDE
继HDC发布开发者空间新特性后，本期直播聚焦华为开发者空间核心升级，邀您一起深度解读其如何赋能AI时代智能应用开发，解锁开发新体验
回顾中 -
OpenHarmony生态构建2025/07/24 周四 19:00-20:00
王天一、聂嘉一 -华为开发者布道师-高校学生
本次直播将结合讲师的实践经验，深入剖析OpenHarmony开发中的核心痛点与难点，展示从入门到进阶的多层次开发案例，并分享高效的学习路径、实用开发技巧和常见问题的解决方案。同时，我们还将探讨OpenHarmony的生态建设，解析测试规范与开发实践，帮助开发者更好地适配多设备，共同推动OpenHarmony生态的发展。
回顾中
热门标签