实用技巧 技巧css
CSS样式中颜色与颜色值的应用
使用CSS描绘页面样式时，颜色是其中不可或缺的，无论是对文本、背景还是边框、阴影，我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色，我们很有必要完整梳理下CSS中的色彩。要讲清楚CSS中的颜色，离不开颜色模型的概念，这是我们需要先了解的。 颜色模型 颜色模型计算机中用来描述颜色的数学模型 ......
CSS样式中颜色与颜色值的应用
使用CSS描绘页面样式时，颜色是其中不可或缺的，无论是对文本、背景还是边框、阴影，我们都写过无数代码用来增添颜色。而为了让网页的色彩表现更出色，我们很有必要完整梳理下CSS中的色彩。 要讲清楚CSS中的颜色，离不开颜色模型的概念，这是我们需要先了解的。 颜色模型 颜色模型计算机中用来描述颜色的数学模 ......
活字格性能优化技巧（3）：如何巧用CDN提升含页面的访问速度
本文由葡萄城技术团队于博客园原创并首发转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 上两篇中我们分享了如何利用数据库主键和表格设置默认不加载数据来提升应用系统访问的性能。在本篇中一起来看看如何在活字格中利用CDN技术来提升页面的访问速度。在此之前，先看看 ......
开发技巧
1.配置热部署，不至于每次更改代码都要重新加载整个项目，可以手动配置导入devtools依赖，然后每次更改代码后按ctrl+f9构建项目。 也可以自动部署，有点麻烦 在yml文件中配置devtools下的exclude中可以配置热部署的范围。 2. ......
post-css/less/sass样式嵌套与命令之"&"符号—BEM
button {&-ok {}}， button { &:after {}} 这一类用法是非常熟悉的。p, a, ul, li { & + & {border-top: 0;}} 这一类组合就可以吓死人咯。&符号还可以改变 css类的输出顺序。如 button{a&{}} ......
css过去及未来展望—分析css演进及排版布局的考量
从形式上来说，CSS3 标准自身已经不存在了。每个模块都被独立的标准化。但是每个模块都可以追溯其来龙去脉。从印刷出版到互联网的兴起，这期间板式设计可以构成一篇雄文。 ......
大学生个人网站作业 超简单DIV CSS个人网页成品 简单个人网站作业模板 HTML个人网页设计
网站描述✍️大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad ......
萌宠之家宠物5网页html+css视频表单 精选两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 题目👨🎓 🚀 萌宠之家宠物5网页html+css视频表单 精选 描述✍️ 大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑 ......
CSS中所有选择器
测试CSS中所有选择器 <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> <!--属性选择器--> h1{ color: black; } <!--class选择器--> .wwwwwww{ col ......
一道名题-（csp 儒略日）的心得与技巧
引： 如果你见到一个oi对着 4713，1582 146097 2299160 颠颠地笑，不用怀疑，他是在做那道名题--《csp-s2020 T1 儒略日》 这道题，我做了三年，平均每年做一次，我来讲讲我的心得。 读题 题面很长，细节很多，我们需要耐心细心的读，此时多花一点时间是划得来的。 我们得出 ......
CSS3边框属性 阴影 box-shadow 属性
box-shadow 属性各个参数的含义 值说明 h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离，使用类似高斯模糊的算法将阴影进行模糊处理，模糊后阴影的范围将扩大，扩大的距离为blur/2 spread 可选。阴影的大 ......
CSS实现文字镂空效果炫酷背景效果
CSS实现文字镂空效果炫酷背景效果 css3中的mix-blend-mode css3中有一个mix-blend-mode的screen混合模式，可以轻松实现镂空文字效果。背景我们可以固定定位设置一个静态图片，gif动态图，视频video，svg动画等等。 代码案例 <!DOCTYPE html> ......
CSS基本格式，和引入外部CSS文件
<html> <head> <meta charset="UTF-8"> <title>demo3</title> <style> /*style标签范围内为CSS环境*/ /*标签样式*/ p{ color: red; } /*类样式*/ .font20{ font-size: 20; } /*i ......
css Position用法
相对位置和绝对位置 现有3个div如下 <style> .brother { width: 200px; height: 200px; background-color: yellow; } .father { width: 200px; height: 200px; background-colo ......
css浮动问题
引出问题 这是一个正常的排版 代码如下 <style> .father { width: 200px; border: 1px solid red; } .son { width: 100px; height: 100px; background-color: blue; } </style> <d ......
好用的CSS全局关键字属性值
什么是全局关键字属性值？ 全局关键字属性，可以理解成：所有CSS属性都可以使用的属性值。 举个不是全局关键字属性值的例子： background-color: #000000 上面的 #000000 就是CSS数据类型<color>中的属性值，但是<color>数据类型，并不能使用在下面的场景： / ......
第 9 章 Linux 实操篇-实用指令
第 9 章 Linux 实操篇-实用指令 9.1 指定运行级别 9.1.1 基本介绍 0：关机 1：单用户【找回丢失密码】 2：多用户状态没有网络服务 3：多用户状态有网络服务 4：系统未使用保留给用户 5：图形界面 6：系统重启 常用运行级别是 3 和 5 ，也可以指定默认运行级别， 后面演示 9 ......
css边距合并的问题
上下两个盒子边距合并问题 <style> * { margin: 0px; padding: 0px; } div { width: 100px; height: 100px; } .top { background-color: red; margin-bottom: 20px; } .botto ......
CSS标准盒子模型与怪异盒子模型
<style> * { margin: 0; padding: 0; } div { /* 宽高改变的是内容大小 */ width: 200px; height: 200px; } /* w3c标准盒子：盒子的总大小=内容+内边距+边框+外边距 */ /* 只要改变 内容，内边距，外边距，边框，盒子 ......
css伪元素选择器
<style> p::before { content: "当不想添加元素又想在其前面插入文字时使用"; } p::after { content: "当不想添加元素又想在其后面插入文字时使用"; } /* 当鼠标选择时发生 */ p::selection { color: red; } /* 选择 ......
CSS伪类选择器
伪类选择器 选择第几个元素 <style> /* 类num后代li的第1个 */ .num li:first-child { color: red; } /* 类num后代li的最后一个 */ .num li:last-child { color: red; } /* 类num后代li的第3个 */ ......
CSS基础选择器
基础选择器 前端页面结构如下 <h1>h1:标签选择器对选定的所有的标签都生效</h1> <p>p:标签选择器对选定的所有的标签都生效</p> <div class="green">div:类选择器测试</div> <div id="myid">id选择器测试，id是唯一的</div> 效果展示如下 ......
OpenTiny 的这些特色组件，很实用，但你应该没见过
业界组件库有的组件，OpenTiny 也都有，业界组件库没有的组件，OpenTiny 也有。本文将给大家介绍 OpenTiny 的一些特色组件。 ......
完美的模板CSS
body { margin: 0px; padding: 0px;} .left { background: #313541; width: 20%; float: left; position: absolute; top: 0px; bottom: 0px;} .top { width: 80% ......
蓝桥考试技巧
蓝桥考试技巧 256 M 预留一些堆外空间后大概剩 200 M 考心态，多看几个题，每个题目都看看 打表 能写出来一个大概的算法就先写上回来再想 一些特殊点、 注意 LL 问题 押题 枚举 进位制 双指针算法 前缀和 二分 区间DP（记忆化搜索） 背包问题（有限制的选择最优化问题）（01，完全背包） ......
SQL去重的3种实用方法总结
1.distinct去重 注意的点：distinct 只能一列去重，当distinct后跟大于1个参数时，他们之间的关系是&&(逻辑与)关系，只有全部条件相同才会去重 弊端：当查询的字段比较多时，distinct会作用多个字段，导致去重条件增多 select distinct UserResult ......
Linux系统实用操作
ctrl + c 强制停止 Linux某些程序的运行，如果想要强制停止它，可以使用快捷键ctrl + c。 命令输入错误，也可以使用快捷键ctrl + c，退出当前输入，重新输入。 ctrl + d 退出或登出 可以通过快捷键ctrl + d，退出账户的登录。 或者退出某些特定程序的专属页面。 注意 ......
Prompt小技巧
Few-shot Prompt Role-play Prompt 比如文字工作人员： I want you to act as an English translator, spelling corrector and improver. I will speak to you in any lan ......
css 实现文字交融展开动画
css 实现文字交融展开动画 效果 👇👇👇👇👇 <div class="textCont"> <span class="text">这是一条测试文案</span> </div> css: .textCont{ filter: contrast(30); background: #000; ......