css
关注
分享
扫一扫
Yabeei
干啥好呢？？？
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
移动端1px
方法一：利用 ::after + transformdiv::after { display: block; content: ''; border: 1px solid #ccc; transform: scaleY(0.5);}复制代码方法二：利用 box-shadowdiv: { box-shadow: 0 0.5px 0 0 #fff;}原创 2020-12-12 16:10:45 · 178 阅读 · 0 评论 -
display opacity visibility
display-none: 元素不会占用空间，在页面中不显示，子元素也不会显示。opacity-0: 元素透明度将为0，但元素仍然存在，绑定的事件仍旧有效仍可触发执行。visibility-hidden：元素隐藏，但元素仍旧存在，占用空间，页面中无法触发该元素的事件。...原创 2020-12-01 13:31:32 · 205 阅读 · 0 评论 -
滚动条
div::-webkit-scrollbar { display: none;}转载 2020-12-01 13:27:10 · 276 阅读 · 0 评论 -
IOS手机容器滚动条滑动不流畅
overflow: auto;-webkit-overflow-scrolling: touch;原创 2020-12-01 13:26:30 · 247 阅读 · 0 评论 -
css文本超出
1. css一行文本超出...overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文本超出显示...display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;作者：隐冬链接：https://juejin.cn/post/6898168495591292942来源：掘金著作权归转载 2020-12-01 13:24:51 · 284 阅读 · 0 评论 -
控制文本行数
.divele {font-size: 28rpx;display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;/*设置p元素最大2行，父元素需填写宽度*/-webkit-b...原创 2019-10-16 13:08:02 · 208 阅读 · 0 评论 -
HTML行内元素、块状元素、行内块状元素的区别
行内元素特征：(1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间 (3)不会自动进行换行行内元素特征：(1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间 (3)不会自动进行换行行内块状元素特征：(...转载 2019-03-29 11:02:36 · 358 阅读 · 0 评论 -
导航栏动态显示隐藏
js/* Header Sticky ========================================================*/ $(window).on('scroll',function() { if ($(this).scrollTop() >170){ $('.heade...原创 2019-04-07 15:48:04 · 811 阅读 · 0 评论 -
如何居中一个元素（终结版）
本文主要介绍水平居中，垂直居中，还有水平垂直居中各种办法，思维导图如下：一、水平居中1.行内元素水平居中利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。.parent{//在父容器设置 text-align:...转载 2019-04-07 07:34:07 · 229 阅读 · 0 评论 -
css绘制梯形 、直角三角形
改老外的模板是看到了这个效果看其源代码写了个demo完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device原创 2019-03-18 12:01:05 · 2063 阅读 · 0 评论 -
css选择器
选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 <p> 元素。1element,elementdiv,p选择所有 <div> 元素和所有 <p> 元素。1element elementdiv p...转载 2018-07-03 15:37:49 · 316 阅读 · 0 评论 -
clear:both
<div style="border:2px solid red;"> <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div> <div style="clear:both;"></div>转载 2018-07-03 13:39:08 · 268 阅读 · 0 评论