css
关注
分享
扫一扫
文章平均质量分 52
selectDele
每一个人都有缺点，正视它
展开
-
css布局 笔记
常规流原创 2023-05-06 15:54:29 · 456 阅读 · 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 · 467 阅读 · 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 · 1246 阅读 · 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 · 480 阅读 · 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 · 706 阅读 · 0 评论 -
单行、多行文本溢出省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。接下...原创 2019-11-06 17:08:19 · 212 阅读 · 0 评论 -
颜色透明度十六进制表示法
hex color transparency （透明度十六进制表示法）100% — FF95% — F290% — E685% — D980% — CC75% — BF70% — B365% — A660% — 9955% — 8C50% — 8045% — 7340% — 6635% — 5930% — 4D25% — 4020% — 3315% — 261...原创 2019-08-02 16:00:08 · 621 阅读 · 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 · 991 阅读 · 0 评论