Solid | 易学教程

HTML（四）：行级标签和块级标签

阅读更多关于 HTML（四）：行级标签和块级标签

一、行级标签行级标签又称为内联标签，行级标签不会单独占据一行，设置宽高无效，行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果。常见行级标签： span、strong、em、b、i、input、a、img、textarea。例如： <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < meta name ="viewport" content ="width=device-width, initial-scale=1.0" > < meta http-equiv ="X-UA-Compatible" content ="ie=edge" > < title > 行级标签 </ title > </ head > < body >  < span > 我是span </ span > < i > 我是i </ i > < em style ="border: 1px solid #f00;" > 我是em1 </ em >  < em style ="border: 1px solid #f00;width: 200px;" > 我是em2 </ em > < b > 我是b </ b > <

::before和::after伪元素的用法

阅读更多关于 ::before和::after伪元素的用法

一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。所以不要用:before或:after展示有实际意义的内容，尽量使用它们显示修饰性内容，例如图标。举例：网站有些联系电话，希望在它们前加一个icon☎，就可以使用:before伪元素，如下： <!DOCTYPE html> <meta charset="utf-8" /> <style type="text/css"> .phoneNumber::before { content:'\260E'; font-size: 15px; } </style> <p class="phoneNumber">12345645654</p> Note :这些特殊字符的html，js和css的写法是不同的，具体可查看 html特殊字符的html，js，css写法汇总。二、content属性 ::before和:

::before和::after伪元素的用法

阅读更多关于 ::before和::after伪元素的用法

一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。所以不要用:before或:after展示有实际意义的内容，尽量使用它们显示修饰性内容，例如图标。举例：网站有些联系电话，希望在它们前加一个icon☎，就可以使用:before伪元素，如下： <! DOCTYPE html > < meta charset ="utf-8" /> < style type ="text/css" > .phoneNumber::before { content : '\260E' ; font-size : 15px ; } </ style > < p class ="phoneNumber" > 12345645654 </ p > Note :这些特殊字符的html，js和css的写法是不同的，具体可查看 html特殊字符的html，js，css写法汇总。二

::before和::after伪元素的用法

阅读更多关于 ::before和::after伪元素的用法

AkShare-指数数据-恐慌指数

阅读更多关于 AkShare-指数数据-恐慌指数

作者寄语最近美股跌宕起伏，全球经济也在 COVID-19 的冲击中风雨飘摇，更有甚者直言经济危机的到来。特此提供恐慌指数的分钟级别数据接口供小伙伴研究使用。 AkShare-更新记录 "index_vix" # 恐慌指数指数数据恐慌指数接口: index_vix 目标地址: https://datacenter.jin10.com/market 描述: 获取恐慌指数-芝加哥期权交易所 VIX 指数(CBOE Volatility Index)的分钟级别数据输入参数名称类型必选描述 start_date str Y start_date="2020-03-20"; 注意开始和结束之间的时间跨度不能太长 end_date str Y end_date="2020-03-27" 输出参数名称类型默认显示描述日期时间 str Y 开盘价 float Y 当前价 float Y 涨跌 float Y 涨跌幅 float Y 数据解释 VIX全名是芝加哥期权交易所波动率指数（Chicago Board Options Exchange Volatility Index），用以反映S&P 500指数期货的波动程度，测量未来30天市场预期的波动程度，通常用来评估未来风险，因此它被称作“恐慌指数”。VIX指数虽然是反映未来30天的波动程度，却是以年化百分比表示

博客园添加版权信息

阅读更多关于博客园添加版权信息

博客园添加版权信息 1、进入博客园后台，【管理】——【操作】——【博客签名】，进入到制作签名的页面。在“内容”的文本框输入如下信息并替换相应的文字： 1 < div > 作者： < a href ="https://www.cnblogs.com/zhiqiang_zhang/" target ="_blank" > 张志强 </ a ></ div > 2 < div > 出处： < a href ="https://www.cnblogs.com/zhiqiang_zhang/" target ="_blank" > https://www.cnblogs.com/zhiqiang_zhang/ </ a ></ div > 3 < div > 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须在文章页面给出原文连接，否则保留追究法律责任的权利。 </ div > 2、【管理】-【在页面定制】中添加下面的代码 #MySignature{　　 border:solid 1px #E5E5E5; padding:10px; background:#E5EEF7 url(http://images.cnblogs.com/cnblogs_com/grenet/226272/o_o_o_info.png) no-repeat scroll 15px 50%; padding

【Ray Tracing The Next Week 超详解】光线追踪2-3

阅读更多关于【Ray Tracing The Next Week 超详解】光线追踪2-3

Preface 终于到了激动人心的纹理章节了然鹅，看了下，并不激动因为我们之前就接触过当初有一个 attenuation 吗? 对了，这就是我们的rgb分量过滤器，我们画出的红色、蓝色、绿色等等，都是通过它来控制的专业点的词语叫做rgb衰减比例，比如rtvec(1.,0.,0.),最后呈现出来的是红色，因为r保留了100% 它是怎么控制的呢，我们来回顾一下这个过程首先，我们创建一个材质球后面那个rtvec(0.4,0.2,0.1)就是衰减比例（衰减到原来的百分之。。）之后进入数据成员中，之后主函数调用lerp的时候 info.materialp->scatter(sight, info, attenuation, scattered)) 球体的材质调用scatter函数即：没有丝毫改动地有数据成员传递到了attenuation 中然后用attenuation 做乘法进行rgb衰减，递归就不用说了吧，最后递归到深处为黑色，不然为背景色为什么要在前言将这个东东，因为 attenuation 所控制形成的物体表面颜色就是最简单的纹理说白了这章比较简单，因为下一章是这本书的另外一个高难度章节（分别分布于第二章和第四章）所以，中间第三章来点简单好玩的，过渡一下先看效果 Chapter 3：Solid Textures 废话不多说，先写一个纹理类 ///

验证码之滑动拼图

阅读更多关于验证码之滑动拼图

1、效果图 2、下载 js、css文件 3、html 1 <! DOCTYPE html > 2 < html lang ="en" > 3 < head > 4 < meta charset ="UTF-8" > 5 < title > 滑动拼图验证码 </ title > 6 < link rel ="stylesheet" href ="jigsaw.css" > 7 < style > 8 .container { 9 width : 310px ; 10 margin : 100px auto ; 11 } 12 input { 13 display : block ; 14 width : 290px ; 15 line-height : 40px ; 16 margin : 10px 0 ; 17 padding : 0 10px ; 18 outline : none ; 19 border : 1px solid #c8cccf ; 20 border-radius : 4px ; 21 color : #6a6f77 ; 22 } 23 #msg { 24 width : 100% ; 25 line-height : 40px ; 26 font-size : 14px ; 27 text-align : center ; 28 } 29 a:link,a

CSS Tooltip（提示工具）

阅读更多关于 CSS Tooltip（提示工具）

CSS Tooltip（提示工具）提示工具在鼠标移动到指定元素后触发，可以在四个方位显示：头部显示、右边显示、左边显示、底部显示一、基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示： /* Tooltip 容器 */ .tooltip { position : relative ; display : inline-block ; border-bottom : 1px dotted black ; /* 悬停元素上显示点线 */ } /* Tooltip 文本 */ .tooltip .tooltiptext { visibility : hidden ; width : 120px ; background-color : black ; color : #fff ; text-align : center ; padding : 5px 0 ; border-radius : 6px ; /* 定位 */ position : absolute ; z-index : 1 ; } /* 鼠标移动上去后显示提示框 */ .tooltip:hover .tooltiptext { visibility : visible ; } 实例解析 HTML) 使用容器元素 (like <div>) 并添加 "tooltip" 类。在鼠标移动到 <div>

使用element的upload组件实现一个完整的文件上传功能（下）

阅读更多关于使用element的upload组件实现一个完整的文件上传功能（下）

　　　　作者：小土豆biubiubiu 博客园： www.cnblogs.com/HouJiao/ 掘金： https://juejin.im/user/58c61b4361ff4b005d9e894d 简书： https://www.jianshu.com/u/cb1c3884e6d5 微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术）码字不易，点赞鼓励哟~ 　　　　　本篇文章是《使用element的upload组件实现一个完整的文件上传功能（上）》的续篇。　　话不多说，接着上一篇直接开始一.功能完善—保存表格中每一列的文件列表状态 1.思路　　保存表格中每一列的文件列表状态，这个功能是什么意思呢，我们先看下前面示例的效果。　　　　在上面这个操作中，我们做了两件事：　　　　1.给表格第一列的上传了一个附件图片　　　　2.点击表格第二列、第三列、第四列的上传按钮，分别查看这三列的附件列表　那么最后的结果发现后三列的附件列表展示的都是第一列的附件图片，这个显然不符合正常的逻辑。仔细去看看我们的代码并且思考一下，也很快能知道这个问题出现的原因：我们给<el-upload>的file-list属性绑定了attachList数据。 attachList这个值初始是空数组，当我们点击第一列的附件管理上传一张图片后

订阅 Solid