让世界更美好！

Normal flow 文档流 Normal flow正常翻译应该是普通流, 但是我们经常叫做文档流. 哪些时文档流呢? 这个一般看postion属性了. position属性有五个值, 分别是static, relative, fixed, absolute, inherit. 后面又出了一个新的实验性质的API为sticky. 这个新的API我们暂时不讨论. 其中, 属性值为fixed...

实现下图的加号效果： 若想实现这个效果， 只需一个div元素即可搞定。 需要用到css的为了before和after， 以及border特性。 先设置一个div便签 <div class="add"></div> 再设置一个边框： .add { border: 1px solid; width: 100px; height: 100px;

清除浮动 清除浮动的方法在网络上有许多文章总结了. 我为了加深记忆, 就写一篇吧. 我最喜欢的清除浮动方法是, 使用.clearfix <div class="father clearfix"> <div class="left">child1</div> <div class="right">child2&am

四个等级 css选择器的优先级规定了文档采用哪一种样式. 选择器的等级主要有以下四个等级(依次递减) 行内样式(style声明) id选择器 类, 伪类, 属性选择器 元素选择器, 伪元素选择器 当同一个元素有多个css规则时, 对照着上面的四个等级, 对每一个规则确定每个等级有几个选择器, 记下个数. 然后做下列运算. 行内样式的选择器个数乘以1000 id选择器的个数乘以10...

水平居中 内联元素 css的水平居中相对于垂直居中比较好些. 当要居中的元素是一个内联元素时, 只需要在其父元素上加上下面的一条css规则即可: text-align: center; 块级元素 要居中的是一个块级元素, 那么设置元素的左右外边距为zuto即可. 即下面的规则: margin-left: auto; margin-right: auto; 多个块级元素 多个...

我们最终的项目大概想做成这样的. https://modao.cc/app/7LMoFzAGQXX45EzSw39JEotoeyMrFzo 根据图纸, 我们写css布局. 这是大概布局: 对应的html代码为: (这是admin.html中的片段代码) <div class="page"> <!-- 左侧栏 --&g

当我们在一个元素中嵌入图片时, 会发现图片下面有一条空隙 <style> div { border: 1px solid red; background: blue; } </style> <div> <img src="https://images.cnblogs.com/cnblogs_com/libra-yong/991915/...

css2.1中定义 浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table-captions）和overflow不为visible的块盒会为它们的内容建立一个新的块格式化上下文 在一个块格式化上下文中，盒在竖直方向一个接一个地放置，从包含块的顶部开始。两个兄弟盒之间的竖直距离由margin属性决定。同一个块格式化上下文中的相邻块级盒之间的竖直m...

rem rem保存的是html元素的font-size值. 可以用来做移动端适配 rem的基准值通常可以使用如下方式计算: rem = window.innerWidth/10 注意: 对于border等对可直接设置为px, 不用rem html的font-size 设置html的font-size: 使用媒体查询@media 使用JavaScript document.a...