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 · 175 阅读 · 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 · 279 阅读 · 0 评论 -
移动端常用的基本东西
这里是主要内容?? 2016-07-18 12:12:12 一个按钮原创 2017-05-04 18:12:40 · 234 阅读 · 0 评论 -
meta基础知识
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板viewport模板——通用<meta co转载 2017-05-04 18:20:49 · 372 阅读 · 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 · 624 阅读 · 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 · 885 阅读 · 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 · 983 阅读 · 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 · 526 阅读 · 0 评论