样式 内容css
css Position用法
相对位置和绝对位置 现有3个div如下 <style> .brother { width: 200px; height: 200px; background-color: yellow; } .father { width: 200px; height: 200px; background-colo ......
scrpit执行同页面内容切换
<div onclick="pageClick(this)" id="news" class="active"><img src="img/icon-1.png" />个人消息</div> <iframe src="all_Student.jsp" height="713px" id="a1" na ......
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>数据类型，并不能使用在下面的场景： / ......
第 1 章 Linux 开山篇-内容介绍
第 1 章 Linux 开山篇-内容介绍 1.1 本套 Linux 课程内容 1.2 Linux 使用在那些地方 1.3Linux 的应用领域 ==个人桌面领域的应用== 此领域是传统 linux 应用薄弱的环节，近些年来随着 ubuntu、fedora [fɪˈdɔ:rə] 等优秀桌面环境的兴起， ......
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标准盒子：盒子的总大小=内容+内边距+边框+外边距 */ /* 只要改变 内容，内边距，外边距，边框，盒子 ......
爬虫基础内容回顾
回顾基础内容 浏览器. 简单聊聊浏览器工作原理： 浏览器在加载页面源代码的时候. 会遇到一些特殊的东西 1. 图片<img> 2. css样式<link href="xxxxx.css"> 3. js文件<script src="xxxxx.js> 4. js代码片段 <script>js代码</s ......
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> 效果展示如下 ......
完美的模板CSS
body { margin: 0px; padding: 0px;} .left { background: #313541; width: 20%; float: left; position: absolute; top: 0px; bottom: 0px;} .top { width: 80% ......
DBGridEh 表格内容导出为 Excel 文件
uses DBGridEhImpExp; procedure TForm1.Button1Click(Sender: TObject); var Fn: string; begin //导出汇总结果为 xls, 需要 uses DBGridEhImpExp Fn := 'D:\Data\abc.xl ......
Windows更换笔记本电脑需要迁移和删除的内容清单
一、需要迁移的内容清单 1、桌面和磁盘中重要的文件或者文件夹 2、chrome、Edge等浏览器的书签，可以导出 3、常用的软件安装包 （1）、输入法（百度、或者搜狗） （2）、浏览器（Chrome浏览器） （3）、WPS （4）、微信、QQ、钉钉 （5）、腾讯会议 （6）、百度网盘 4、IT编程常 ......
公寓床描述，从框架到具体内容快讯
公寓一体床为上层为钢架床，下层集木质衣柜、钢制鞋柜、木制电脑桌、木书架为一体的公寓床，规格一般为(2000×900×2150)mm【长*宽*高(床板下沿净高需在1800以上防止碰头)】。 一、公寓一体床下层为衣柜、学习桌、书架联体，带键盘架和电脑的主机柜，衣柜大门板、大抽屉和主机门带明锁，每人一位独 ......
面试内容
Java1：hashmap 数据接口，该接口是线程安全的吗？currenthashmap 线程安全是怎么实现的？2：juc下面的类用过哪些？哪些场景？3：ThreadLocal 用过吗？在什么场景？ 说一下他的原理4：CopyOnWriteArrayList 原理是什么？在什么地方用过？场景是啥？5 ......
css 实现文字交融展开动画
css 实现文字交融展开动画 效果 👇👇👇👇👇 <div class="textCont"> <span class="text">这是一条测试文案</span> </div> css: .textCont{ filter: contrast(30); background: #000; ......
直播平台制作，html+css复刻登录输入框
直播平台制作，html+css复刻登录输入框 <!DOCTYPE html><html><!-- *Material文本框 *作者：程序员阿诺斯 *时间：2023-3-5 0：50--><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp ......
在发送数据头部加上内容长度解决TCP 数据粘包
在学习网络编程socket章节时，发现在客户端向服务器端发送数据时有时可能出现粘包的问题，因此这里记录一下通过添加数据头的方式解决粘包问题。 首先什么是数据粘包？其实之所以出现粘包问题，往往是因为网络问题，或者发送端与接收端发送/接收频率不对等引起的 因为TCP协议是传输层协议，是面向连接、安全、流 ......
uniapp小程序/deep/修改全局组件样式不生效问题
1.uniapp小程序/deep/修改全局组件样式不生效问题 2. 用于处理小程序::v-deep 组件样式无效问题 全局把/deep/修改成 ::v-deep 并且在uniapp的全局方法里面加上下面代码 options: { styleIsolation: 'shared' }, 3. /dee ......
在centOS中实时查看tomcat日志内容及tomcat 是否运行
1、CentOS查看Tomcat是否正在运行，执行以下命令： [root@iZ2zeglnetdyhxr3xjquwpZ logs]# ps -ef|grep comcatroot 10409 10190 0 11:16 pts/0 00:00:00 grep --color=auto comcat ......
gitee拉取线上分支，并将内容放到分支
1、初始化项目 git init2、把项目放进地址 git remote add origin “giteedizhi”3、查看所在分支 git branch4、去到想要的分支 git checkout uni5、将项目加入本地缓存 git add .6、项目提示 git commit -m "想说 ......
css居中之vertical-align
现有布局： <div class="div"> <span class="span"></span> </div> 样式： .div{ height:24px; } .span{ display:inline; /*或者 inline-block/table-cell; */ line-height ......
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
CSS常用背景属性（背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、背景属性复合写法）
本博文记录CSS中比较常用的背景属性，包括背景颜色：background-color、背景图片：background-image、背景平铺：background-repeat、背景位置：background-position和背景附着：background-attachment。同时记录了背景色半透... ......
【manim动画教程】-- 文本样式
文本的样式主要指颜色和字体相关的属性设置。 对于manim的两个文本对象 Text和 Tex来说， Text对象有更多的属性可以调整样式，相对来说，由于 Tex主要用来显示数学公式，所以关于样式的属性要少一些。 下面介绍一些我在视频制作时最常用的一些颜色和字体相关的属性。 1. 颜色相关 颜色设置主 ......
CSS——@layer规则
前言 之前我们是如何避免引入多方的CSS文件时冲突？注意引入顺序、注意选择器优先级、使用important进行强制覆盖，现在你有了更好的选择@layer，@layer中后声明的优先级高于先声明的；; 文档 w3 | css-cascade-5 | MDN | @layer 浏览器支持情况 目前来看主 ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......
如何将 css 从 Application bundle 资源中剥离出来
为了提高 Angular 加载性能，一种思路就是按需加载 CSS 样式表，而不是把它们打包到 application bundle 中去。 Web 应用的 Application Bundle 是一个包含所有应用程序代码和资源的文件集合，它们被打包在一起以便于部署和分发。Application Bu ......