想完成如下效果： 代码如下： <div id="header"> <div id="logo"> </div> <div id="note"> <p>右下角的内容</p> </div> </div> css代码： #header { height: 100px; width: 1600px; bac ...
分类：
其他好文 时间：
2020-01-30 14:23:11
阅读次数：
80
做项目的时候往往会遇到这么一种需求：文本溢出需要隐藏。 我遇到过两种情况： 1.单行文本溢出(如下图) 2.多行文本溢出(如下图) 以上情况呢，就是你给文本画好了框框，可人家呆不下啊，那咋办，咱还是用省略号表示吧 先看第一种，很好操作，在需要溢出隐藏的代码块里加上下面的css代码就妥了： { ove ...
分类：
其他好文 时间：
2020-01-28 22:51:43
阅读次数：
88
/* sass 可以用写JS的思想来写CSS代码 * #{} 用来插值，大括号中填写需要插入的变量 * @for 变量 from 1 through 9 从1到9循环 * $sizei 定义一个变量 值为 $i * 7.5 * .myposition0#{$i}0#{$j} class类名中插入变量 ...
分类：
Web程序 时间：
2020-01-25 19:25:56
阅读次数：
247
1.3 CSS代码风格 下面介绍的书写风格是符合实际开发的书写方式，不是强制规范。 1.样式风格 1.样式格式书写： 紧凑型 h2 {color:red;font-size:26px;} 展开格式 h2{color:red; font-size:26px;} 强烈推荐展开格式，因为更直观，修改时也更 ...
分类：
Web程序 时间：
2020-01-24 14:33:35
阅读次数：
129
知识点一：DOCTYPE和浏览器渲染模式 文档类型，一个文档类型标记是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。Doctype还会对浏览器的渲染模式产生影响，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 Ja ...
分类：
其他好文 时间：
2020-01-18 23:58:26
阅读次数：
135
现阶段，input的placeholder样式修改仍需要加前缀！ 例如：将placeholder的字体颜色设置为红色，CSS代码如下： ::-webkit-input-placeholder { color: red; } ::-moz-placeholder { color: red; } :-m ...
分类：
其他好文 时间：
2020-01-13 23:53:36
阅读次数：
166
众所周知，Sass(Scss)预编译代码比CSS代码好的一点地方就是，支持运算！但是在平时使用四则运算时，要注意的坑一定要注意。 减法：Sass代码的减法运算符 和 符号 “-” 是一样的，所以在写作时要特别注意间距，例如 此段代码在编译时会报错， 首次接触Sass的同学看到可能会一头雾水，检查代码 ...
分类：
其他好文 时间：
2020-01-11 16:58:47
阅读次数：
110
不多解释,直接上源码,纯手打,不借用任何插件 先来css代码 <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 700px; background-color: hsl(0, 0%, 0%); // ...
分类：
Web程序 时间：
2020-01-11 11:31:33
阅读次数：
140
<canvas id="evanyou" width="1920" height="934"></canvas> /*CSS代码:*/ <style type="text/css"> #evanyou { position: fixed; width: 100%; height: 100%; lef ...
分类：
Web程序 时间：
2020-01-10 21:58:48
阅读次数：
716
CSS代码 .mask{ background: rgba(0,0,0,0.4) !important; z-index: 10; height: 100vh; position: fixed; width: 100vw; } .selectMask_box{ background: rgba(0, ...
分类：
其他好文 时间：
2020-01-10 10:32:40
阅读次数：
416
