实用技巧 技巧css
网页端输入代码执行HTML/CSS/JS
HTML代码 <textarea name="textarea" cols="60" rows="10" id="runJS"> 这里可以运行</textarea> <input onclick="runCSS('runJS')" type="button" value="运行代码" style=" ......
CSS的三种样式及选择器
一.概述 css一共有三种样式,分别是:行内样式,内部样式,外部样式 行内样式:写入在HTML标签内,是最不规范的写法,没有突出HTML+CSS的关键就是骨架和美化分离,这样写在一起的行内样式,代码的复读性也很低,所以一般不建议使用 内部样式:一般写在头部标签中,代码可读性比较高,不适合大量的css ......
SpringBoot2 学习资料,基础篇、实用篇、整合篇、原理篇
SpringBoot2 学习资料,需要的请call me 省略好多图片。。。。。。 ......
DBGridEh使用技巧
DBGridEh使用技巧 首先将dbgrideh的一个页脚数属性FooterRowCount设置为 1;再将dbgrideh的属性中的sumlist中的Active 设置为 True;第三步:打开dbgrideh的字段列表;选择需要求和的字段,有个属性Footer下有FieldName是求和的字段; ......
计算机三级网络技术技巧课笔记
本笔记是我在学习计算机三级视频过程中记录的,里面包括了B站两位up主“名副其实举世无双”和“吃饭不留名”的视频截图,可快速的帮助小伙伴轻松过计算机三级网络技术。 1.高频选择题 1.1 停机时间与系统可用性 1.2 IP地址块子网掩码 1.3 ITU标准 1.4 IPV6正误判断 2.秒杀第一大题 ......
css-内容超出区域
overflow: hidden; //visible、hidden、scroll、auto .remarkArea{ height: 470px; overflow: hidden; } 例如在这个音乐播放器页面.音乐列表和评论列表都会出现内容超出区域的情况 ......
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
为什么网站性能调优准则里都强调要 Use inline fonts and CSS instead of loading them asynchronously? 网站性能优化的一个重要目标是尽可能地缩短页面加载时间,使用户可以更快地访问您的网站。加载字体和CSS样式表是构建页面的重要组成部分,但是 ......
CSS
字体属性 text-decoration none:无任何装饰线,可以去掉a标签默认的下划线 underline:下划线 overline:上划线 line-through:中划线(删除线) text-transform capitalize:首字母大写 uppercase:将所有单词转为大写 lo ......
11.getshell常见思路与技巧
getshell常见思路与技巧 1、常规打点思路 信息收集: 绕开CDN找到所有靶标的真实IP 找到所有目标真实的C段 对所有的C段进行基础服务器的探测,端口的扫描、识别 对所有目标的子域名进行收集 对所有子域名的基础服务 端口进行识别和探测 对所有的web服务站点进行 指纹的探测 找到web管理的 ......
css3新特性
css3新特性 圆角 使用CSS3 border-radius属性,你可以给任何元素制作"圆角" border-radius属性,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角 ......
css盒子水平垂直居中的几种方式
第一种:son盒子中定位的上下左右全部为0,然后margin:auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten ......
css让div在页面上下左右居中
.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
css3实现模糊背景
☆filter采用高斯模糊,只能在背景图片上,纯色图片不显示 https://www.zhihu.com/tardis/sogou/art/382696698 ......
使用css绘制聊天气泡
实现原理: 给聊天区域的边框补充一个三角形 1: 左三角聊天气泡 .left-box{ max-width: 540rpx; min-height: 80rpx; border-radius: 10rpx; border: 2rpx solid #D7D7D7; position: relative ......
css 样式笔记
calc calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运 ......
css-输入框和按钮水平对齐
<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width ......
CSS鼠标样式(cursor)总结(转载)
CSS鼠标样式(cursor)总结 属性值 示意图 描述 auto 默认值,由浏览器根据当前上下文确定要显示的光标样式 default 默认光标,不考虑上下文,通常是一个箭头 none 不显示光标 initial 将此属性设置为其默认值 inherit 从父元素基础 cursor 属性的值 cont ......
CSS选择器(包含CSS3新增的伪类和属性选择器等)
选择器 详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法 规则由两个主要的部分构成:选择器,以及一条或多条声明(样式) 全局选择器 可以与任何元素匹配,优先级最低,一般做样式初始化 ......
JAVAWEB-北京地铁查询系统(Servlet+JSP+CSS+SQL 实现)部分代码
#这是我与伙伴合作完成的练习项目 @小彭先森 页面展示请见我的上一篇博客:https://www.cnblogs.com/rsy-bxf150/p/17253623.html 完整代码请看我的GitHub:https://github.com/BXF-Aurora168 部分代码: Sub.java ......
JAVAWEB-北京地铁查询系统(Servlet+JSP+CSS+SQL 实现)
Servlet+JSP+CSS+SQL 实现完善的地铁系统页面 #这是我和伙伴合作完成的练习项目 #代码我将放在下一篇博客 功能介绍: 1.地铁线路查询:选择线路,输出线路上的站点名。 2.地铁站点查询:输入站点,输出所在的线路。 3.最短路径换乘查询:输入起点终点,输出所有可能的路线,最上面显示的 ......
R语言中的绘图技巧1:plot()函数参数汇总
文章目录 plot()函数 函数形式及参数 **type**参数 pch参数 lty参数 bty参数 adj 参数可以控制文字的 对齐方式 实例 par函数 参数介绍 控制文字或字符大小 颜色 字体 坐标轴 实例 坐标轴延长 坐标轴不显示 points函数 实例 lines函数 实例 ablines ......
CSS13.定位
定位 1. CSS布局的三种机制 1、普通流(标准流) 2、浮动 让盒子从普通流中浮起来——让多个盒子div水平排列成一行。 3、定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 ——CSS离不开定位,特别是后面的js特效。 2. 为什么使用定位 所以,我们脑海应该有三种布局机制的上下顺序 标 ......
CSS14.高级应用
CSS高级应用 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出来! 1.1 display显示(重点) display设置或检索对象是否及如何显示。 display: none 隐藏对象display: ......
CSS11.背景
CSS背景 1.背景颜色(color) 语法: background-color:颜色值; 默认的值是 transparent 透明的例:background-color:pink; 2.背景图片(image) 语法: background-image:none|url(url) 参数作用 none ......
CSS12.浮动
浮动 1.浮动(float) 1.1 CSS布局的三种机制 网页布局的核心——就是用CSS来摆放盒子 CSS提供了3种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中: 普通流(标准流) 块级元素会独占一行,从上向下顺序排列; 常用元素:div、hr、p、h1~h6、ul、ol、d ......
CSS08.盒模型
盒模型 1.什么是标签的显示模式 什么是标签的显示模式? 标签以什么方式进行显示,比如div自己独占一行,比如span一行可以放多个 作用: 我们网页的标签非常多,在不同地方会用到不同类型的标签,以便更好的完成我们的网页。 标签的类型(分类) HTML标签一般分为块标签和行内标签两种类型,也称为块元 ......
CSS09.盒模型应用
盒模型应用 改变宽高范围 默认情况下,width 和 height 设置的是内容盒宽高。 页面重构师:将psd文件(设计稿)制作为静态页面 问题:衡量设计稿尺寸的时候,往往使用的是边框盒,但设计width和height,则设置的是内容盒 解决办法有两种: 精确计算 CSS3:box-sizing(用 ......
CSS10.行盒盒模型
行盒的盒模型 常见的行盒:包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容沿伸 行盒不能设置宽高 调整行盒的宽高,应该使用字体大小、行高、字体类型,间接调整 内边距(填充区) 水平方向有效,垂直方向仅会影响背景(背景变,但字体还是不动),不 ......
CSS05.层叠
层叠 声明冲突:同一个样式,多次应用到同一个元素 层叠:解决声明冲突的过程,浏览器自动处理(权重计算) 概念: 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 原则: 样式冲突,遵循的原则 ......