我们已经认识了一些标签，他们都是成对出现的，因为要一前一后，标记中间的内容。这就是有始有终的意思吧~ 但是有些情况我们需要标记的并不是一个内容，而是一个位置。比如说，我想在某一个地方...

我们写了一个网页，在电脑上看起来效果很好。 但确切的说，是在我们自己的电脑上看起来很好，换一个电脑呢？啊，我说的不是兼容性的问题。只是可能这两个电脑的分辨率不大一样，网页显示出来的...

已经过去了十章，我们知道了一些基础知识，然后用代码写了……一篇作文。除了标题大小不一样，剩下和用记事本写也没有多大区别，不对，有区别，更麻烦！ 仿佛就是这个样子，但是从今天开始就不...

上一章所讲的元素显示和隐藏的效果，大家都仔细观察过了吗？ 可以认为这是两个效果的叠加，一个是以元素的左上角为基准进行缩放，另一个是元素透明度的变化。 左上角没有什么大问题，毕竟在文档...

想想我们已经学过的各种方法，要做到显示和隐藏一个元素应该不难，只要去操作这个元素的 CSS 属性就可以了。具体一点，修改 display 属性的值，从默认值修改到 none 就能隐...

em Emmm…… em 是一个单位，就可以解决前面的问题。但这不是一个绝对的单位，所以没有办法单独说 em 是多大。它表示的是当前元素文字的大小是它父元素的多少倍。 p {font-size: 1.2em;} 如果数...

棋盘已经画好，只要摆上棋子，老夫就以这天地为棋局，与你对弈个天昏地暗！（老鼠忽然中二病发作，快，快灌他喝咖啡~ 我们现在画出了网格，把子元素摆在里面就行了。问题是：每一个子元素放在哪...

准确的说，前面的都是准备工作，嘿嘿，老鼠又水了很多字数。 现在我们开始正式写点东西。最开始，当然是先写点简单的啦~比如写个作文什么的（好像要跑题的样子…… 先做什么？先写模板啊，上节...

写在元素里 在某些特殊的情况下，我们可能并不方便使用上面两种方式；或者非常临时的，局部的需要进行一些样式的定义。这时候我们可以把 CSS 直接写在元素上面，这种方式叫做内联样式表： <p...

先来一个简单的 grid-column-gap / grid-row-gap / grid-gap，是说网格线的粗细，默认粗细当然是 0 了，你也可以自定义，但没有颜色，其实也就是网格单元格之间的间隔。最后一个是前两个的...

行高这个属性可能是我们平常没有在意过的，它表示一行文字所占用的高度。我们写一段内容，两行文字之间会有一些空白，这样看起来很舒服。而之所以会有这些空白，是因为每一行文字所占用的高度都...

又是对齐的问题，其实和我们前面所讲的一样一样一样的啊。 需要明确几个小问题，网格的轴是不会发生变幻的。所以 justify 就是指横向，左边开始，右边结束。align 就是指纵向，...