讲干货，不啰嗦，瀑布流布局是种常见的布局方式，常用于图片相关的样式展示，通过CSS3的多列（Multi-column）属性，可以简单的实现类似效果。具体步骤：1.设置外部容器多列列数（column-count）和列间距（column-gap）2.设置内容条目的break-inside属性为avoid，使条目总体不被打断。HTML结构：<divclass="container">//最外层容器<...

背景图：（相关验证代码请查看代码，在验证时需将当前不需要验证的代码注释掉）1.inherit:从父元素继承属性设置2.background-repeat:平铺(在图片大小小于元素尺寸时背景图默认平铺):no-repeat:取消默认平铺repeat-x:横向平铺repeat-y:纵向平铺3.background-size:尺寸px、百分比:依旧默认平铺元素cover:等比放大覆盖元素contain:...

在html中<divclass="box"><div>下面内容会单独滚动</div><divclass="scroll"><divclass="content"><p>1111111111111111</p><p>222222222222222</p><p>333333333333333</p><p>4444444444444444</p><p...

从输入URL到渲染出整个页面的过程包括三个部分：1、DNS解析URL的过程2、浏览器发送请求与服务器交互的过程3、浏览器对接收到的html页面渲染的过程一、DNS解析URL的过程DNS解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆，一般会使用URL域名（如www.baidu.com）作为网址。DNS解析就是将域名翻译成IP地址的过程。具体过程：1）浏览器缓存：浏览器会按照一定的...

1.通过文件-偏好设置打开主题文件夹：应该在C:\Users\用户名\AppData\Roaming\Typora\themes下，非安装文件夹2.打开主题文件夹弹出如下文件：3.修改字体：将下载好的字体文件放在github下：在github.css中配置字体：4.扩展编辑器宽度(解决因图片过大，即使编辑器全屏也模糊的问题)及其它配置(都有注释)：关于整体居中那段代码的说明：代码图示：普通居中与整...

.BFC概念：块级格式化上下文，是一个独立的渲染区域，让处于BFC内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。我们先了解一个名词：BFC（blockformattingcontext），中文为“块级格式化上下文”。先记住一个原则：如果一个元素具有BFC,那么内部元素再怎么翻江倒海，翻云覆雨，都不会影响外面的元素。所以，BFC元素是不可能发生margin重叠的，因为margin重叠...

CSS派生选择器通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。（推荐学习：CSS视频教程）在CSS1中，通过这种方式来应用规则的选择器被称为上下文选择器(contextualselectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在CSS2中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。派生选择器允许你根据...

CSSid选择器id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以"#"来定义。(推荐学习：CSS入门教程)下面的两个id选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：#red{color:red;}#green{color:green;}下面的HTML代码中，id属性为red的p元素显示为红色，而i...

在CSS中，类选择器以一个点号显示：(推荐学习：CSS入门教程).center{text-align:center}在上面的例子中，所有拥有center类的HTML元素均为居中。在下面的HTML代码中，h1和p元素都有center类。这意味着两者都将遵守".center"选择器中的规则。<h1class="center">Thisheadingwi...

可以为拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。注：只有在规定了!DOCTYPE时，IE7和IE8才支持属性选择器。在IE6及更低的版本中，不支持属性选择。属性选择器下面的例子为带有title属性的所有元素设置样式：[title]{color:red;}属性和值选择器下面的例子为title="...