- 博客(7)
- 收藏
- 关注
RSS订阅原创 列表样式
我们常见的列表样式有无序列表的小圆点和有序列表的数字标识，但其实列表还有很多其他样式。可以通过列表类型和列表项图像改变。1、list-style-type 列表类型的属性值有很多，通过它可以设置不同的列表项目符号，如下图 2、list-style-image 当列表类型的项目符号不能满足需求时，还可以通过list-style-image属性定义图像...
2020-01-04 13:19:39
3024
原创 browser-sync的安装
1、BrowserSync是基于Node.js的, 是一个Node模块， 需要先安装一下Node.js ，官网下载安装即可。 查看安装的node版本：node -v 2、由于npm镜像布置在国外，速度不太理想，我们可以选择淘宝镜像进行加速npm install -g cnpm --registry=https://registry.npm.taobao.org ...
2020-01-02 11:29:06
132
原创 css单行文本与多行文本省略
单行文本省略.div1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}多行文本省略.div2{ display:-webkit-box; -webkit-line-clamp:3; /*保留的行数*/ -webkit-box-orient:vertical; overflow: hidden;}...
2018-05-03 20:26:30
143
原创 单词中断换行
当一个单词过长，或者很多字母组合中间没有空格时，浏览器无法判断如何换行，就会造成文本溢出父元素的情况，这时可以使用word-break属性来解决。word-break:break-all; /*允许单词中断换行*/word-break:keep-all; /*允许在半角空格或者连字符处中断换行*/...
2018-04-19 22:46:55
590
原创 多行文本两端对齐
在页面中我们常常会遇到需要文字两边对齐的情况，例如“姓名”“联系电话”。最开始的时候，我会使用 来找齐，但其实对于不同的字体，一个 所占用的空间是不同的，这样我们就会发现，当字体改变时，很可能文字不再是对齐的。下面介绍一种使文字两边对齐的方法：text-align：justify； /*多行文本两边对齐*/它只适用于多行文本，而且单独使用也不起作用，具...
2018-04-19 22:29:48
1024
原创 使用border做圆和三角
1、圆：宽高相等，border-radius大于宽的二分之一。2、三角：宽高为0，border足够大，保留需要方向的颜色，其他三面均为透明色。
2018-03-27 20:14:00
991
原创 关于favicon的那点事
1、favicon，是Favorites icon的缩写，顾名思义为收藏夹图标。同时也是出现在浏览器地址栏左侧的小图标，是网站的头像。2、favicon.ico的制作，可以在网上找到在线生成器，制作.ico图片，大小一般为16*16。3、favicon.ico放于根目录下。4、在<head></head>直接插入<link rel="shortcut icon" hr...
2017-12-13 14:06:27
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人