css相关
美的人是吃货
昨日以昨,今日以今
展开
-
鼠标经过,图片放大效果
写在前:固定一个div,实现鼠标经过里面的图片放大效果(纯css)<div class="imgbox"> <img src="1.jpg" alt=""></div>.imgbox { width: 180px; height: 180px; overflow: hidden;}img { width: 100%; transition: all 0.2s;}.imgbox img:hover { transform: scale(原创 2022-05-27 11:34:40 · 303 阅读 · 0 评论 -
文字显示省略号
{ font-size: 12px; white-space: nowrap;/* 不换行 */ text-overflow: ellipsis;/* 三个点 */ overflow: hidden;/* 隐藏 */}原创 2019-03-23 17:49:34 · 167 阅读 · 0 评论 -
css 基本样式重置
1.ul 中每个li的小点样式list-style: none;/*去掉小点*/list-style: disc;/*实心圆*/list-style: circle;/*空心圆*/list-style: square;/*实心方形*/list-style: decimal;/*阿拉伯数字*/list-style: lower-roman;/*小写罗马数字*/list-...原创 2019-03-21 16:24:49 · 243 阅读 · 0 评论 -
flex 布局记录
详细可见:https://www.runoob.com/w3cnote/flex-grammar.html一,弹性布局1.父盒子使用:display: flex; 2.行内元素也可以使用:display: inline-flex; 二、容器的属性:1.flex-direction:属性决定属性的方向。row:主轴为水平方向,起点在左端 r...原创 2018-11-07 10:39:44 · 136 阅读 · 0 评论 -
css理解之css链接
1.链接的样式a:link 普通的、未被访问的链接 a:visited 用户已访问的链接 a:hover 鼠标指针位于链接的上方 a:active 链接被点击的时刻 2.文本修饰text-decoration 属性大多用于去掉链接中的下划线:text-decoration:none;3.背景色ba...原创 2018-11-07 10:43:04 · 190 阅读 · 0 评论 -
css 居中设置和图片白底处理
1.字体居中1.1 字体水平居中 text-align: center;1.2 字体垂直居中 line-height: 55px;2.盒子居中2.1 盒子水平居中 margin: 0 auto;2.2 盒子垂直居中 父盒子添加相对定位: position: relative;子盒子添加绝对定位: position: absolute; top: 50%; left: ...原创 2018-06-15 14:25:05 · 1062 阅读 · 0 评论 -
常用正则表达式
1.校验数字的表达式1. 数字:^[0-9]*$2. n位的数字:^\d{n}$3. 至少n位的数字:^\d{n,}$4. m-n位的数字:^\d{m,n}$5. 零和非零开头的数字:^(0|[1-9][0-9]*)$6. 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$8. ...转载 2018-05-19 15:47:11 · 145 阅读 · 0 评论