css
关注
分享
扫一扫
颓废的四哥
闫广英
展开
-
less变量
格式：@themeColor:#dddddd;@ 变量名 ：值 ；五部分，末尾的分号不能省略文件一中定义的变量在其他文件中引用时，需将文件一引入，引入格式：@import “文件一”；（引号内为文件一路径）...原创 2020-02-11 11:24:08 · 2143 阅读 · 0 评论 -
class命名常用
about 关于account 账户arrow 箭头图标article 文章aside 边栏audio 音频avatar 头像bg,background 背景bar 栏（工具类）branding 品牌化crumb,breadcrumbs 面包屑btn,button 按钮caption 标题，说明category 分类chart 图表clearfix 清除浮动clos...原创 2020-01-09 11:21:20 · 481 阅读 · 0 评论 -
叉号
叉号指一双交叉线组成的符号，例如✗, ✘, x, ×, X, ✕, ☓, ✖等，通常代表“不”、“否”等意义。用途很多地方的选票就是要在侯选人旁边的方格加上叉号，代表“选择”，但引起“叉号是否等于不要这个候选人”的疑惑，故香港等地后来改用只有正面意义的勾号。操作系统的复选框也是一样。与大陆填表时，习惯在所要选择的方框中打勾（✓）不同，美国和加拿大的习惯则是在所要选择的方框内打叉（✕）。例如填...原创 2019-10-08 17:08:16 · 21484 阅读 · 0 评论 -
css跑马灯
<!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-U...原创 2019-09-11 16:45:50 · 821 阅读 · 0 评论 -
css animation
animation 是animation-name,animation-duration,animation-timing-function,animation-delay,animation-iteration-count,animation-direction,animation-fill-mode,animation-play-state这些属性的一个简写形式。anima...原创 2019-09-10 15:53:36 · 410 阅读 · 0 评论 -
css-奇葩技巧记录
标签宽度由内容或子标签撑开display:flex// 例：使 li 的宽度由字标签span的宽度撑开，给 ul 设置flex布局。html: <ul className="list"> <li className="item"> <span className="text">哈哈</span> ...原创 2019-08-19 15:26:05 · 226 阅读 · 0 评论 -
CSS Shorthand
background 有以下属性： background-color: #000; background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: top right;可以简写成一行声明： background: #000 url(images/bg.gif) no-re...原创 2019-03-19 16:19:49 · 260 阅读 · 0 评论 -
less快速开始
变量值变量：以@开头定义变量，并且使用时直接键入@名称。选择器变量：属性变量：混合可以理解为一个模板，接收不同的值，返回相同属性不同值的样式。...原创 2019-01-08 15:36:58 · 549 阅读 · 0 评论 -
CSS - cursor
值样式default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右（东）移动。ne-resize此光标指示矩形框的边缘可被向上及向右移动（北/东）。...原创 2018-12-14 16:52:05 · 211 阅读 · 0 评论 -
css transition过渡属性
该属性多用于二维动画。语法：transition: property duration timing-function delay;property：过渡属性，就是给目标元素哪个属性给予动效。duration：过渡事件，过渡属性经过某动作所用的时间。timing-function：过渡函数，过渡属性变化时所有用规律。delay：延迟时间。...原创 2018-11-28 20:31:13 · 295 阅读 · 0 评论 -
CSS：文字超出两行以...显示
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;（行数） -webkit-box-orient: vertical;原创 2018-11-28 10:05:33 · 1353 阅读 · 0 评论 -
滚动条相关操作 --持续补充
隐藏 //横向 document.body.style.overflowX="hidden"; document.documentElement.style.overflowX="hidden"; //纵向 document.body.style.overflowX="hidden"; document.documentElement.style...原创 2018-09-18 11:15:21 · 193 阅读 · 0 评论 -
响应式布局
用rem做响应式布局原创 2017-12-27 13:30:28 · 263 阅读 · 0 评论