RED | 易学教程

WEB前端第十一课——CSS选择器

阅读更多关于 WEB前端第十一课——CSS选择器

1.属性选择器　　通过HTML的属性及属性值来选择元素，如<p att= "val" >文本内容</p>，class 即是<p>元素的属性，val 则是 att 的属性值　　属性选择器的书写格式：元素[属性名称 = "属性值"] {color: red; }，等号只是其中一种关系符号　　属性选择器类型：　　　　　　　　　① E [att ]　　　　　选择具有 att属性的 E元素　　　　　　　　　② E [att = "val" ]　　选择具有 att属性且属性值等于 val的 E元素　　　　　　　　　③ E [att ~= "val" ]　选择具有 att属性，且属性值列表包含 val属性值的 E元素　　　　　　　　　　　　　　　　　　如<p class= "GP CP LP" >文本内容 </p>，属性选择器：p [class $= "CP" ] {color: yellow; } 　　　　　　　　　④ E [att ^= "val" ]　选择具有 att属性，且属性值或列表以 val开头的 E元素　　　　　　　　　　　　　　　　　　如<p class= "GP CP LP" >文本内容 </p>，属性选择器：p [class ^= "GP" ] {color: pink; } 　　　　　　　　　⑤ E [att $= "val" ]　选择具有

【swich】相对于swich更好的选择

阅读更多关于【swich】相对于swich更好的选择

swich function test(color) { // 使用 switch case 来找到对应颜色的水果 switch (color) { case 'red': return ['apple', 'strawberry']; case 'yellow': return ['banana', 'pineapple']; case 'purple': return ['grape', 'plum']; default: return []; } } //测试结果 test(null); // [] test('yellow'); // ['banana', 'pineapple'] 方法一：对象字面量 // 使用对象字面量来找到对应颜色的水果 const fruitColor = { red: ['apple', 'strawberry'], yellow: ['banana', 'pineapple'], purple: ['grape', 'plum'] }; function test(color) { return fruitColor[color] || []; } //测试结果 test(null); // [] test('yellow'); // ['banana', 'pineapple'] 方法二：Map // 使用 Map 来找到对应颜色的水果

文字

阅读更多关于文字

单行文字溢出省略处理 <p style="text-overflow:clip;width:150px;overflow: hidden;white-space: nowrap;">测试文字测试文字测试文字测试文字测试文字测试文字测试文字</p> <p style="text-overflow:ellipsis;width:150px;overflow: hidden;white-space: nowrap;">测试文字测试文字测试文字测试文字测试文字测试文字测试文字</p> 文本阴影 <h1>文本阴影</h1> <style> .h1{ text-shadow:15px 25px 5px red;//水平竖直模糊度颜色 } </style> 来源： oschina 链接： https://my.oschina.net/shenGuangYue/blog/4290967

css入门1

阅读更多关于 css入门1

一、CSS概念 CSS 指层叠样式表 (Cascading Style Sheets)( 级联样式表 ) Css 是用来美化 html 标签的，相当于页面化妆。样式表书写位置： <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> 样式表内容 </style> </head> 二、选择器选择器是一个选择谁（标签）的过程。写法：选择器{属性：值；属性：值} 属性：属性解释 Width:20px; 宽 Height:20px; 高 Background-color:red; 背景颜色 font-size:24px; 文字大小 text-align:left | center| right 内容的水平对齐方式 text-indent:2em; 首行缩进 Color:red; 文字颜色 1、基础选择器 (1) 标签选择标签 { 属性：值； } 特点：所有的标签全部生效类选择器 (2) 类选择器 . 自定义类名 { 属性：值； } 特点：谁调用，谁生效一个标签可以调用多个类选择器（中间用空格隔开）一个类选择器可以被多个标签调用类选择器命名规则：不能使用纯数字或者数字开头来定义类名不能使用特殊符号 (_ 除外 ) 不推荐使用汉子来定义类名不推荐使用标签名，属性

【留言板】集训日记

阅读更多关于【留言板】集训日记

这是个栈 stack<water> Diary; 去文末 8.14 居然有人推自由行走的花，不过应该指的是《剑雨浮生》吧，原版我都没咋听过/kk 没想到今天也犯了数组开小的问题，也算长了个记性，也算给NOIP攒rp吧。然后考后都感觉其实考试题真的没有很难（才怪），然而事实是也就只是事后诸葛亮，考试的时候还是只能靠暴力苟活。感觉考试的时候完全方向都是错了，之后学长讲正解才明白方向... 晚上做UOJ的题，既锻炼思维又锻炼码力，也可能是我太菜了/kk。 P.S.我们张学姐实在是太棒了！音乐推荐：明天补睡觉去了 8.13 $1Mon$ 祭！你这个普通平衡树他好臭啊不知不觉已经集训一个月了...剩下也没几天了，要加油啊。今天又考炸了，感觉考试的时候的心态就很不好，结果好多该拿的分都丢了。明天继续努力吧。音乐推荐：《Cinnamon Girl》by Lana Del Rey。 Violet, blue, green, red to keep me at arm's length don't work You try to push me out, but I just find my way back in Violet, blue, green, red to keep me out, I win There's things I wanna say to you,

联想推出ThinkServer DN8836,超大容量存储服务器的性价比首选

阅读更多关于联想推出ThinkServer DN8836,超大容量存储服务器的性价比首选

联想推出ThinkServer DN8836,超大容量存储服务器的性价比首选突如其来的新冠疫情让各行各业都看到了利用智能基础架构启动智能化转型,降本增效,优化资源配置的必要性。而从中央到地方近期加紧布局的新基建更是为这一进程按下了加速键。企、事业单位智能化转型的过程中必将产生庞大的数据,因此,联想企业科技集团针对中国相关企业单位对大容量、高密度的存储服务器的需求,推出Lenovo ThinkServer DN8836,在4U机箱内提供36个大容量硬盘位,同时满足了运算和存储的要求,并实现了最优的价格/存储空间比,是冷数据存储、视频监控、云存储、大数据和CDN应用的不二之选。 ThinkServer DN8836是基于英特尔至强可扩展处理器的4U 36盘位机架式存储服务器;支持两颗处理器,最高16根DDR4内存,6个PCIe插槽;采用铂金电源模块,支持1+1冗余。疫情期间,各行各业都有大量的生产活动向线上转移,由此而产生的海量数据需要有高质量、高可靠性的存储型服务器来承载,而ThinkServer DN8836正是为担当此大任而生的一款产品。实际上在此次疫情初期,联想深圳工厂就曾紧急承接任务,为防疫大数据平台紧急生产一批ThinkServer DN8836,这体现了市场对联想的信任,更体现了这款产品的可靠性和高性能。购买腾讯云服务器ECS或其它任何产品，请先领取腾讯云通用代金券

用伪类实现中间文字两边横线

阅读更多关于用伪类实现中间文字两边横线

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .line { height: 60px; text-align: center; line-height: 60px; font-size: 24px; position: relative; } .line::after { content: ''; height: 1px; background-color: blue; width: 45%; position: absolute; top: 30px; right: 0; } .line::before { content: ''; height: 1px; background-color: red; width: 45%; position: absolute; top: 30px; left: 0; //这个属性非常重要 } </style> </head> <body> <div class="line">我是中间文字</div> </body> </html> 来源：

【留言板】集训日记

阅读更多关于【留言板】集训日记

HTML入门2

阅读更多关于 HTML入门2

快速建结构方式： v ！ +tab html5的标签结构 v Meta 一、 Meta标签 1. 规范电脑编码格式（charset） <meta charset=”UTF-8 ” > 编码 Ascll 早期编码识别英文 Ansi 英文编码 Unicode 日文编码 Gbk 包含全部中文繁体 Gb2313 简单中文 Big5 繁体中文 Utf-8 通用字符集（现流行） 2. 关键字（ name） <meta name=”keywords ” content= ” 春，薄款，宽松，嘻哈 ” > 向搜索引擎说明你的网页的关键词 3. 网页描述（ name） <meta name= ” description ” content= ” 新东方英语公司，是一家 ...... ” > 4. 网页重定向（ http-equiv） <meta http-equiv= ” refresh ”content=”5;url=http://ww.mi.com”> 五秒后自动跳转到指定地址（小米官网）。二、 Link标签 1. 链接外部样式文件 <link rel =”stylesheet” href=”1.css“> 2. icon图标 <link rel =”icon” href=”jd.ico” 三、表格 1、展示数据，是对网页重构 (css+div）的一个有益补充 2、<table> <tr>

mysql的默认隔离级别

阅读更多关于 mysql的默认隔离级别

原文：https://www.cnblogs.com/rjzheng/p/10510174.html 知识点总结 ----------------------------------------------------------------------------------------------------------------------- 1.数据库默认隔离级别: mysql ---repeatable,oracle,sql server ---read commited 2.mysql binlog的格式三种：statement,row,mixed 3.为什么mysql用的是repeatable而不是read committed:在 5.0之前只有statement一种格式，而主从复制存在了大量的不一致，故选用repeatable 4.为什么默认的隔离级别都会选用read commited 原因有二：repeatable存在间隙锁会使死锁的概率增大，在RR隔离级别下，条件列未命中索引会锁表！而在RC隔离级别下，只锁行 2.在RC级用别下，主从复制用什么binlog格式： row格式，是基于行的复制！ -----------------------------------------------------------------------------------

订阅 RED