随笔分类 - css
摘要：.ms-login:deep(.el-textarea__inner) { height: 50px; line-height: 50px; } 修改组件输入框内置高度
阅读全文
摘要：<div class="box"> <div class="home_top"> 这里是内容 </div> </div> .box { width: 250px; margin: auto; overflow: hidden; } .home_top { position: relative; wi
阅读全文
摘要：background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 70%); opsity: .6;
阅读全文
摘要：html: <View className="discover-header"> <View className="header-item"> <View className="title">长度测试发布动态图文额文字发长度测试发布动态图文额文字发</View> <View className="t
阅读全文
摘要：.text { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; }
阅读全文
摘要：html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>地图找
阅读全文
摘要：Unicode 是字体在网页端最原始的应用方式，特点是： 兼容性最好，支持 IE6+，及所有现代浏览器。 支持按字体的方式去动态调整图标大小，颜色等等。 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。 注意：新版 iconfont 支持多色图标，这些多色
阅读全文
摘要：.fullscreen { position: fixed; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; background-color: #1a1a1a; } .screen-content { width: 95%;
阅读全文
摘要：实现效果： map.js: (function (win) { function SurroundMap(mapId, lng, lat, searchCallback, options = {}) { // 创建Map实例 let _this = this; let map = new BMap.
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Carousel<
阅读全文
摘要：父元素为块级元素，子元素inline-block,因为行高而对不整齐调整位置 <div class="box-scan inline"> <span>扫描到手机</span> <div class="scan-to-mobile clearfix"> <span class="top-arrow">
阅读全文
摘要：html: <div class="sand-content fl"> <img src="images/sand_900x600c.jpg" alt="" id="sandPicture"> </div> css: .sand-content { position: relative; width
阅读全文
摘要：CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。 【官方解释】 CSS雪碧图即CSS Sprite（精灵），在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载
阅读全文
摘要：html: <div class="consult-tab"> <a href="">咨询</a> <a href="">企业咨询</a> <a href="">咨询</a> <a href="">咨询</a> <a href="">咨询</a></div> css: .consult-tab {
阅读全文
摘要：html: <body> <div class="login-wrap"> <div class="box-login"> <div class="login-form"> <dt class="login-tab"> <span class="actived">手机动态码登录</span> <sp
阅读全文
摘要：<link rel="stylesheet" type="text/css" href="../css/reset.css"> <link rel="stylesheet" type="text/css" href="../css/common.css"> 带../的相对在safari浏览器不生效
阅读全文
摘要：foucs时无边框需设置outline input { border: 0; outline: none; } 调整checkbox高度居中方式： input[type=checkbox]{ vertical-align: -1px; }
阅读全文
摘要：.bax { box-shadow: 0 0 12px #ddd; } box-shadow: h-shadow v-shadow blur spread color inset; h-shadow: 必需的。水平阴影的位置。允许负值 v-shadow: 必需的。垂直阴影的位置。允许负值 blur:
阅读全文
摘要：html: <div class="imgBox"> <img src="http://www.jq22.com/img/cs/500x500-1.png" alt=""> </div> css: .imgBox { width:200px; height:200px; overflow:hidde
阅读全文
摘要：一、文件引用规范 先说加载的规范，这个规范主要是为了提高页面加载速度或者是首屏的速度。 CSS 文件或样式在 head 标签中引用。页面的渲染需要 CSS，所以尽量早的让 CSS 文件加载出来。 JS 文件要放在 body 标签尾部。页面里加载和运行 JS 都会阻塞页面的渲染过程，所以把 JS 放在
阅读全文
