![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css2
文章平均质量分 82
懂懂kkw
持续精进
展开
-
css世界 学习笔记(四)
1. 元素的装饰和美化 1.color 2. background CSS 世界中的 background 大部分有意思的内容都是在 CSS3 新世界中才出现的,如 Multiple backgrounds(多背景)background-size(背景尺寸)、background-origin (背景初始定位盒子)、background-clip(背景剪切盒子)等。 兼容性遮罩 .overlay { background: url(alpha.png); backgr...原创 2021-03-20 21:33:01 · 158 阅读 · 0 评论 -
CSS世界笔记(三)
1. css的层叠规则 z-index 属性只有和定位元素(position 不为 static 的元素)在一起的时候才有作用,可以是正数也可以是负数。 CSS 2.1 的年代,在 CSS3 新世界还没有到来的时候(注意这里的前提),层叠顺序规则 层叠准则 (1)谁大谁上:当具有明显的层叠水平标识的时候,如生效的 z-index 属性值,在同一 个层叠上下文领域,层叠水平值大的那一个覆盖小的那一个。 (2)后来居上:当元素的层叠水平一致、层叠顺序相同的时候,在 ...原创 2020-05-20 17:44:40 · 179 阅读 · 0 评论 -
常用的css工具类
1. 单行溢出省略号 .ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 2. 多行溢出省略号 .ell-rows-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 3. 清除浮动 clearfix:after{ content:''; displa..原创 2020-05-10 23:05:08 · 562 阅读 · 0 评论 -
jquery获取短信验证码倒计时
// 获取短信验证码 $('.get_code').click(function () { var $code = $(this); if (!$(this).hasClass('disabled')) { // 如果调了短信发送接口, 短信发送判断 var time = 60; $code.addClass("disabled"); // 禁止重复...原创 2020-04-30 00:12:10 · 333 阅读 · 0 评论 -
css世界学习笔记(二)
1.内联元素 图片与文字居中对齐 使用ex单位 // html zhangxinxu<i class="icon-arrow"></i> // css .icon-arrow { display: inline-block; width: 20px; height: 1ex; background: url(/images/5/a...原创 2020-05-10 22:43:54 · 288 阅读 · 0 评论 -
css世界学习笔记(一)
1.清除浮动 .clear:after { content: ''; display: table; // 也可以是 block,或者是 list-item clear: both; } 2.除了 inline-block 元素,浮动元素以及绝对定位元素都具有包裹性 3.平顺的滚动效果用iScroll 4.三无 => 无宽度,无图片, 无浮动 ...原创 2020-04-28 01:15:40 · 188 阅读 · 0 评论 -
文字少的时候居中显示,文字超过一行的时候居左显示
html <div class="box"> <p>这是一段文字</p> </div> css .box { margin: 20px auto; padding: 10px; background-color: #cd0000; text-align: center; width: 200px; } .box ...原创 2020-04-24 01:05:31 · 380 阅读 · 0 评论