![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
少年是只猫
前端外包仔
展开
-
px,em和rem,移动端移动端适配
px,em和rempx是固定的长度单位。em是父元素的font-size(字体大小)的值,常用来设置首行缩进2em(2字符)。rem是根节点(html)的font-size(字体大小)的值,可以用来做移动端的自适应。rem做移动端适配一份长度最好是除得尽的数值如40,50。<!doctype html><html lang="en"><head> ...原创 2019-07-30 10:19:07 · 1066 阅读 · 0 评论 -
常用的position属性:static,absolute,fixed,relative
position在写样式时经常要用到position属性,我在刚开始接触这个时遇到很多的问题,下面我来分享一下我对它的一些理解,如有错误,望指正。position:staticstatic是默认的值,正常流。position:relative与position:absoluterelative是相对定位,使用这个属性,top,left…及z-index可以起作用,如果后代元素中有设置po...原创 2019-07-30 11:39:27 · 616 阅读 · 0 评论 -
js选项卡制作
选项卡选项卡在很多项目中都有用到,下面是我用原生js做的选项卡,如有不足,望指正。html结构与样式头部导航采用flex布局,等宽分布li元素。设置颜色是为了区分界限。内容部分宽高占满剩余的空间,每个内容块宽高100%。通过display属性让选中项内容显示,其他项内容隐藏。css中的on样式:选中的那一项,增加的样式(头部li元素)。css中的show样式:选中的那一项的内容,增加...原创 2019-08-01 15:02:40 · 820 阅读 · 0 评论