![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
JasonCeng_
真正的英雄主义,是在认清生活之后依然热爱生活。
展开
-
Webpack学习记录(一)模块热替换
执行报错:[failed] [1 error] + 29 hidden modulesERROR in ./src/styles.cssModule parse failed: Unexpected token (1:5)You may need an appropriate loader to handle this file type.| body {| bac原创 2018-02-01 14:16:46 · 1814 阅读 · 0 评论 -
CSS预设样式
/**********CSS预设样式**********/* {/*清除页面中标签自带的外间距和内填充*/ margin: 0; padding: 0;}ul, li {/*清除ul自带的列表符*/ list-style: none;}a {/*去掉a自带的下划线*/ text-decoration: none;}img {/*去掉img自带的边框*/ borde原创 2018-01-29 11:29:39 · 1695 阅读 · 0 评论 -
两个div之间有间隔的解决办法
今天在练习九宫格的时候发现一个宽度为450px的父级div不足以放下三个宽度均为150px的子div,一开始十分郁闷,然后尝试给所有子div一个不同的background-color,发现两个子div之间存在小间隔,忽然意识到是浏览器将html的换行符(回车)、空格tab键全都当做空格进行渲染。怎么办呢?解决办法:给子div加上float: left;问题解决。九宫格练习代码献上原创 2018-01-29 11:38:57 · 13435 阅读 · 0 评论 -
将footer固定在页面底部
1.设置body的高度至少充满整个屏幕,并且body作为footer绝对定位的参考节点;2.设置main(footer前一个兄弟元素)的padding-bottom的值大于或等于footer的height值,以保证main的内容能够全部显示出来而不被footer遮盖;3.设置footer绝对定位,并设置height为固定高度值。 header content原创 2018-01-28 22:10:15 · 485 阅读 · 0 评论 -
CSS书写规范之BEM
一、BEM来源BEM的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。二、书写规范命名约定的模式如下:.block{}.block__element{}.block--modifier{}.block 代表了更高级别的抽象或组件。.block__element 代表.block的后代,用于形原创 2018-02-06 14:15:44 · 534 阅读 · 0 评论