css
arthur09
这个作者很懒,什么都没留下…
展开
-
CSS Grid 网格布局整理
display: grid;容器元素都是块级元素 display: inline-grid;行内元素。 grid-template-columns属性定义每一列的列宽 grid-template-rows属性定义每一行的行高 grid-row-gap属性设置行与行的间隔(行间距) grid-column-gap属性设置列与列的间隔(列间距) grid-gap属性是grid-column...原创 2020-04-07 14:03:54 · 195 阅读 · 0 评论 -
css实现水平居中
一、div中img水平居中: { display:table; margin:0 auto; } 二、img与span水平对齐: { display: flex; align-items:center; } 三、div中div水平居中(不知宽度&设置position:absolute情况下): { position:absolute;原创 2017-05-04 18:07:25 · 293 阅读 · 0 评论 -
移动端常用的基本东西
这里是主要内容?? 2016-07-18 12:12:12 一个按钮原创 2017-05-04 18:12:40 · 247 阅读 · 0 评论 -
meta基础知识
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 viewport模板 viewport模板——通用 <meta co转载 2017-05-04 18:20:49 · 381 阅读 · 0 评论 -
正确区分relative 和 absolute
#div1{ position:relative;width: 100px; height: 100px;background: red;top:20px;} #div2{position: absolute;width: 300px;height: 300px;background: green;/*left: 20px;*/} //原创 2017-05-25 09:43:30 · 641 阅读 · 0 评论 -
移动端的rem布局
!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([转载 2017-05-08 12:02:39 · 901 阅读 · 0 评论 -
html中rem的基本代码
html { font-size: 62.5% } @media only screen and (min-width: 481px) { html { font-size: 94% !important } } @media only screen and (min-width: 561px) { html { font-siz原创 2017-06-20 14:07:30 · 992 阅读 · 0 评论 -
清除select自带小三角
select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ ba转载 2017-07-18 17:25:37 · 538 阅读 · 0 评论