随笔分类 - html/css
摘要：Simditor 编辑器文档地址：https://simditor.tower.im/docs/doc-usage.html 官方下载地址：https://github.com/mycolorway/simditor/releases 这是自己做了个 demo 的文件结构： 文件目录结构： -ass
阅读全文
摘要：input date类型赋初值为空是因为赋值的格式错误。 日期是用英文“-”符分格； 月和日的数值小于10时，前面要加0。 因此，正确的格式是 2020-04-03 而不是2020/04/03 或 2020-4-3 ，后面两种都不会有输出。
阅读全文
摘要：这是bootCDN上引用的bootstrap前端框架套件，由多个框架组合而成，方便平时学习和测试使用。生产环境要仔细琢磨一下，不要用开发版，而要用生产版。bootCDN的地址是：https://www.bootcdn.cn/ ，是由bootstrap中文网提供的CDN前端加速服务。 <!DOCTYP
阅读全文
摘要：老是忘，记在这里： vertical-align: middle; CSS 单位 CSS 有几个不同的单位用于表示长度。 一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。 长度有一个数字和单位组成如 10px, 2
阅读全文
摘要：有时候需要对bootstap的样式自定义，比如说某个元素的“height”值，要放在与bootstrap媒体查询同步的样式里，才会兼容响应式布局。 .container类是bootstrap的官方参考样式，照着官方设置的样式去自定义样式，就对了，一个样式要写三份。 @media screen and
阅读全文
摘要：1.下载sublime编辑器，下载地址：http://www.sublimetext.com/ 2.安装sublime 3.首先安装“Package Control”（如果已经安装过可以跳过此步骤） 第一步：打开Sublime Text的命令（快捷键 ctrl + ~），类似于DOS窗口 3.去到P
阅读全文
摘要：<!-- -- 富文本编辑器的简单实现原理 -- 参考文档： -- 1. w3cshool：https://www.w3cschool.cn/javascript/javascript-execcommand.html -- 2. 火狐开发者中心：https://developer.mozilla.
阅读全文
摘要：应用场景：用div在移动端页面设置一个底部工具栏，css的代码大概如下： 如果页面有一输入框<input type="text">，在点击输入框输入内容时，移动端软键盘弹起，这时这个div也一起弹起，顶在软键盘上面，会遮挡输入框，要用下面的方法去消除弹起来的div，主要思路是div弹起来后隐藏掉。
阅读全文
摘要：一个很小的现代CSS重置，涵盖了基本内容： 重置字体大小：这样使用语义标记不会影响样式 重置块边距：所以只有在需要时才应用间距 重置表格：这样表格数据只占用它所需的空间 保留了行内间距：因此，按钮和输入保持其默认布局 设置边框的大小：这样边框和划线不会影响设置的尺寸 设置响应的媒体元素：以便图像和嵌
阅读全文
摘要：红色和粉红色，以及它们的16进制代码。 紫红色，以及它们的16进制代码。
阅读全文
摘要：<!-- --疯狂网络时钟代码 -- --本代码是用css3和原生js编写的 -- --©copyright 2016 九天一声啸 --> <!DOCTYPE html> <html> <head> <title>css3的2D旋转-疯狂网络时钟</title> <meta charset="utf
阅读全文
摘要：<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 把这段代码放在<head></hea>标签中间即可！
阅读全文
摘要：一、html submit与bottom按钮基本语法结构 1、html submit按钮在input标签里设置type="submit"即可设置此表单控件为按钮。 submit按钮代码： 2、html bottom按钮在input标签里设置type="bottom"也是即可设置此表单控件为按钮。 b
阅读全文
摘要：JS判断只能是数字和小数点 0.不能输入中文1) 2) 1.文本框只能输入数字代码(小数点也不能输入) 2.只能输入数字,能输小数点. 3.数字和小数点方法二 4.只能输入字母和汉字 5.只能输入英文字母和数字,不能输入中文 6.只能输入数字和英文<font color="Red">chun</fo
阅读全文
摘要：向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
阅读全文
摘要：段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文
阅读全文
摘要：它可以让行内显示为块的元素，变为行内显示，例如 <div> DIV1 </div> <div> DIV2 </div> 这里DIV1和DIV2分别占一行，但是你给他们加上属性后变了 <div style= "display:inline "> DIV1 </div> <div style= "dis
阅读全文
摘要：这其实不是新方法了，这个方法早在五六年前大家就在用，至今也没失效。但是五六年前那时候这个方法可以下载到过去三个月内CNTV直播过的视频，而现在只能下到一个星期的。之所以要下载回看版本，是因为比栏目版本的画质要好一些。 CNTV会把回看的视频按5分钟一段分割，而不管节目的起始时间，所以你得算一下你要的
阅读全文
