Jacquelyn38 Jacquelyn38
3年前
React项目中 使用 CSS Module
安装reactapprewired由于新的reactapprewired@2.x版本的关系,还需要安装customizecra。但是我们这里不需要安装reactapprewired@2.x。只需要安装reactapprewired@2.0.2next.0这个版本就可以了。yarnaddreactapprewired@2.0.2next.0sa
菜园前端 菜园前端
1年前
CSS布局方式-响应式布局
原文链接:什么是响应式布局?在不同屏幕分辨率下,能够以最佳的方式进行展示,元素的宽度尺寸以及展示方式可能会改变。通常使用@media多媒体查询来实现响应式布局。优点页面能够兼容不同分辨率的屏幕。缺点工作量大,UI需要设计多个平台的版本。场景一套代码兼容we
Wesley13 Wesley13
3年前
CSS定位和滚动条
0805自我总结一.绝对定位position:absolute;/绝对定位:1、定位属性值:absolute2、在页面中不再占位(浮起来了),就无法继承父级的宽度(必须自己自定义宽度)3、一旦定位后,定位的布局方位top、bottom、left、right都能参与布局
Wesley13 Wesley13
3年前
CSS 3D的魅力
!(https://oscimg.oschina.net/oscnet/cc541bf0e2444f6581f7ef37f487a27b.jpg)阅读文本大概需要11.1分钟。本文介绍了CSS来实现3D效果,并且有详细代码和解释。建议大家只字不差的阅读。本文的作者是「子慕大诗人」,点击「阅读原文」就可以跳转原地址。前言:
Stella981 Stella981
3年前
CSS DIV嵌套于各层底部
    网上找了很多例子,不不可行,之后在csdn帖子(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fbbs.csdn.net%2Ftopics%2F310069957)中找到了,记录一下。    一定要在三层div中设置style"position:relat
Wesley13 Wesley13
3年前
CSS3实现各种表情
 CSS3实现各种表情 效果图: !(https://oscimg.oschina.net/oscnet/3e7c1e03814ab2c1df6e3058e39715c9936.jpg) 代码如下,复制即可使用:<!DOCTYPEhtml<html<head<title</title
Stella981 Stella981
3年前
CSS之清除浮动 && float属性
DIV层内的元素在使用了float属性后无法自动改变高度的解决办法:有的时候为了让外侧层根据内容自动调整,没有设置高度或宽度,一般都会正常显示。但如果层内元素使用了float属性,就会使那些元素脱离文件流,就无法再扩充容器层,就会导致外层大小无法根据内容自动调整。关于这个问题,总结出以几种在当下几种主流浏览器都兼容的方法,供大家参考。1.清除浮动在层
Stella981 Stella981
3年前
Css入门学习笔记03—DIV
_很久很久以前学习html的笔记记录,很随意,但都是自己记录的,希望对需要的人有所帮助。__本文使用word2013编辑并发布__Postbird|ThereIam,intheworldmoreexciting!__Postbirdperso
Wesley13 Wesley13
3年前
css为什么要清除浮动
DIV1宽度为100px,DIV2宽度为50px,如果上级DIV层的宽度大于DIV1DIV2的宽度,DIV2设置浮动属性float:left,DIV2会像流水一样,自动显示在DIV1的右侧,如果上级DIV层的宽度等于或者小于DIV1DIV2的宽度,那么,DIV2层就会被挤到DIV1的下方.如果DIV1设置了清除属性,DIV2就