css
关注
分享
扫一扫
文章平均质量分 52
selectDele
每一个人都有缺点，正视它
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css布局 笔记
常规流原创 2023-05-06 15:54:29 · 480 阅读 · 0 评论 -
div高度等于宽度百分比，img图片完全显示并居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2022-03-02 15:29:26 · 490 阅读 · 0 评论 -
在线电子书翻页效果 Turn.js
1 html中引入 <script type="text/javascript" src="js/turn.js"></script> <scripttype="text/javascript" src="./js/jquery.min.1.7.js"></script> 2 创建html <div id="flipbook"> <div class="hard"> Turn.js </div> <d...原创 2021-12-03 16:33:23 · 1320 阅读 · 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-UA-Compatible" content="ie=edge"> &l原创 2021-01-20 15:38:29 · 505 阅读 · 0 评论 -
CSS书写规范、顺序
写了这么久的CSS，但自己都没有按照良好的CSS书写规范来写CSS代码，东写一段西写一段，命名也是想到什么写什么，过一段时间自己都不知道写的是那一块内容， 这样会影响代码的阅读体验和工作进程，在更改样式时也会麻烦很多；看网上的大能前辈总结的CSS书写规范、CSS书写顺序供大家参考，我想对写CSS的前端用户来说是 值得学习的。 想了想我认为前端是一个整体，HTML的布局和CSS命名息息相关，body里包个外框-（wrapper）>各个布局模块(g)-{g-one、g-two、g-thr...原创 2020-06-09 15:12:20 · 730 阅读 · 0 评论 -
单行、多行文本溢出省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 效果如图： 但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。 接下...原创 2019-11-06 17:08:19 · 231 阅读 · 0 评论 -
颜色透明度十六进制表示法
hex color transparency （透明度十六进制表示法） 100% — FF 95% — F2 90% — E6 85% — D9 80% — CC 75% — BF 70% — B3 65% — A6 60% — 99 55% — 8C 50% — 80 45% — 73 40% — 66 35% — 59 30% — 4D 25% — 40 20% — 33 15% — 26 1...原创 2019-08-02 16:00:08 · 653 阅读 · 0 评论 -
css3 隐藏div的滚动条、修改样式
以下样式全是全局样式 隐藏滚动条 ::-webkit-scrollbar { display: none; } 修改样式 1、外轨的样式 ::-webkit-scrollbar { width: 20px; height: 2px; background: green; border-radius: 5px; } 2、内轨的样式 ::-...原创 2019-09-06 00:12:47 · 1008 阅读 · 0 评论