- 博客(7)
- 收藏
- 关注
原创 列表样式
我们常见的列表样式有无序列表的小圆点和有序列表的数字标识,但其实列表还有很多其他样式。可以通过列表类型和列表项图像改变。1、list-style-type 列表类型的属性值有很多,通过它可以设置不同的列表项目符号,如下图 2、list-style-image 当列表类型的项目符号不能满足需求时,还可以通过list-style-image属性定义图像...
2020-01-04 13:19:39 3046
原创 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 142
原创 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 149
原创 单词中断换行
当一个单词过长,或者很多字母组合中间没有空格时,浏览器无法判断如何换行,就会造成文本溢出父元素的情况,这时可以使用word-break属性来解决。word-break:break-all; /*允许单词中断换行*/word-break:keep-all; /*允许在半角空格或者连字符处中断换行*/...
2018-04-19 22:46:55 629
原创 多行文本两端对齐
在页面中我们常常会遇到需要文字两边对齐的情况,例如“姓名”“联系电话”。最开始的时候,我会使用 来找齐,但其实对于不同的字体,一个 所占用的空间是不同的,这样我们就会发现,当字体改变时,很可能文字不再是对齐的。下面介绍一种使文字两边对齐的方法:text-align:justify; /*多行文本两边对齐*/它只适用于多行文本,而且单独使用也不起作用,具...
2018-04-19 22:29:48 1061
原创 使用border做圆和三角
1、圆:宽高相等,border-radius大于宽的二分之一。2、三角:宽高为0,border足够大,保留需要方向的颜色,其他三面均为透明色。
2018-03-27 20:14:00 1021
原创 关于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 384
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人