![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 85
浪里个浪里个浪里个浪
什么时候才能躺平
展开
-
css--pc端公共样式汇总
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,str...原创 2018-09-29 15:26:44 · 2276 阅读 · 0 评论 -
css --content的图标编码
.content{width: 20px;height: 20px;background-color: #F3F9FF;border-radius: 10px;border: 1px solid #DBE6EF;display: inline-block;position: relative;bottom: 20px;right: 15px;}.content:after{...原创 2018-09-29 15:29:30 · 10146 阅读 · 0 评论 -
css常见修饰元素汇总
1. Letter-spacing:设置字间距、字母间距 2. Text-indent:2em 设置字体开头空两格1. Word-spacing:单词间距,有空格就设置,中文看空格 2. Text-indent:一般30px 就两个 3. Text-transform:大小写转换 uppercase全部大写 lowercase全部小写 capitalize:每个单词开头大写 4. B...原创 2019-01-08 15:45:01 · 449 阅读 · 0 评论 -
前端常用到的一些单位总结一下
前端常用单位单位,在各个领域都是很常见的。那么在前端领域用到了哪些单位呢,这篇文章让我们细细了解一下!下面我讲列举:pt、px、em、rem、vh、vw、vmax、vmin、rpx、ch等单位的定义、用法及注意点。首先,来了解pt、px、em、rem这四个单位。pt单位名称为点(Point),绝对长度单位。1pt=1/72英寸,常用于印刷当中,在AI、PS等设计软件当中字体大小所用的单位...原创 2018-11-22 14:16:15 · 610 阅读 · 0 评论 -
纯CSS实现垂直居中的几种方法
方法1:table-cellhtml结构:<div class="box box1"> <span>垂直居中</span></div>css:.box1{ display: table-cell; vertical-align: middle; text-align: center; ...转载 2019-01-18 14:14:56 · 183 阅读 · 0 评论 -
区分iOS和安卓设备
const isIOS = !!(navigator.userAgent.match(/iPad|iPhone|iPod/)) ? ‘ios-oo’ : ‘android’;判断出对应设备之后&amp;lt;i className={divBox${isIOS?' ios-oi':' is-android'}}&amp;gt;&amp;lt;/ i&amp;gt;然后在less文件中写对应的css...原创 2019-01-08 14:49:26 · 516 阅读 · 0 评论 -
js移动端页面判断是否是iphoneX
js移动端页面判断是否是iphoneXfunction isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isIOS) { if (screen.height == 8...原创 2019-01-09 13:40:32 · 3416 阅读 · 0 评论 -
css公共方法
处理响应式布局//公共部分a,input{-webkit-tap-highlight-color:transparent;text-decoration:none;}input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"] { ...原创 2019-05-27 09:26:16 · 216 阅读 · 0 评论