漫步火星

摘要： 垂直居中对齐问题（vertical-align） 我们在实际使用的时候，会遇到一些问题，比如两个元素在居中时总是对不齐，这是因为在元素里面，每个元素都有自己的基线。 什么叫做基线，通常是他们居中的线，而元素之间基线不同就会导致我们在居中对齐的时候失败，样子就会很丑。 通常这个问题，我们只要设置一下即 阅读全文

摘要： 在网页中，也有一些需要移动的东西，这时我们可以使用CSS中的平面转换的相关内容。 平面转换言简意赅就是在一个平面上对一个东西进行转换，既然是平面，那么我们猜一下在平面上能干嘛呢？ 第一：上下移动 上下移动就是比较简单，属性名+属性值 属性名：transform 属性值：translate（*），向右 阅读全文

摘要： 不同布局方式的层级关系：普通<浮动<定位 定位布局后的层级关系：相对定位、绝对定位、固定定位等级相同，谁最后写谁显示在最上面，但可以通过z-inden属性进更改，属性值：0-10，越大显示等级越大。 在CSS中定位是压在标签上面的！所以才会有层级关系，注意区分标签的嵌套关系！ 阅读全文

摘要： 咱就是说！牛逼啊这个定位，再也不能担心垂直居中的问题了。 绝对定位：position：absolute 偏移量（水平居中）：left：50%；margin-left：-（自己宽度的一半） 偏移量（垂直居中）：top：50%；margin-top：-（自己高度的一半） 但有的时候，像素大小不是合理，这 阅读全文

摘要： 定位的作用？ 1.可以解决盒子与盒子的之间的层叠问题 定位之后的元素层级更高，可以层叠在其他盒子上面 2.可以让盒子始终固定在页面某个位置（比如导航栏在页面滚动时不动） 怎么使用定位? 属性名+属性值 属性名：position 属性值：静态定位（static）、相对定位（relative）、绝对定位 阅读全文

摘要： 因为在上一节中介绍了，浮动的标签是需要嵌套一个普通的父div标签中的，那么问题就是出现在这里。 如果父元素没有设置高度，他就会随着子元素高度而变化，但是由于子元素已经浮动脱离标准的文档流，父元素在某种方面来说是没有子元素来把她撑开的。这时父元素就会因为本身没有设置高度，子元素又不能撑开而变成没有高度 阅读全文

摘要： 浮动，就是浮起来动起来。 之前我有在论坛上问过别人这样一个问题，怎么让两个块元素层叠在一起，结果他们说嵌套起来不就可以了吗？答案是确实是可以。 但是我想要的并不是那个，我问的是浮动。 同一级的块元素（这里指div），同一级div只能使用浮动的方式来实现。而嵌套的话不需要浮动，也可以让他们层叠。 方法 阅读全文

摘要： 凡是都有规矩，俗话说无规矩不成方圆！所以在浏览器中也有规则，那就是浏览器在渲染页面时所采用的规则，第一自上而下，自左向右。 很简单，但这就是标准流的终极奥义！ 举例：块元素就是不能设置高度，独占一行；行元素不能设置高宽，但他能一行多个行内元素，这就是规矩！ 一个萝卜一个坑，每个标签、元素在标准流上都 阅读全文

摘要： 我就搞不懂为什么CSS会有这么多的选择器，第一次学习的有id选择器、class选择器、标签选择器、通配符选择器，第二次的选择器是复合选择器：后代选择器、子代选择器、并集选择器、交集选择器，上面两次学习都是通过HTML标签。 这次是通过HTML中的结构，常用语查找某父级选择器中的子元素。 除了伪类选择 阅读全文

摘要： 在实际使用中，我们在给盒子设置水平距离的时候是没有问题的，但是在设置垂直距离时会出现，距离嵌套的问题。 这里分别设置上下的margin，但是在页面效果展示的时候，只会展示最大值的那个也就是margin-top：20px，但是margin-botton：10px并不会失效，只不过包含在了20px里面了 阅读全文