Flex布局是什么 如何指定一个容器为Flex布局 Flex的基本语法 display flex-direction justify-content align-items flew-wrap align-self flex-flow flex order 示例 骰子的布局 圣杯的布局 参考文章 一， Flex布局是什么 布局的传统解决方案，基于盒状模型，依赖displ...

2018-06-24 00:42:51

*以下技巧均源自于Lea Verou所著《CSSSecrets》 平行四边形 平行四边形的构造可以基于矩形通过skew()的变形属性进行斜向拉升得到（skew所用的坐标系，纵向是X轴，横向是Y轴，与常见的坐标系相反）。 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title...

2018-06-24 00:42:34

总结了几种css居中实现的方式，注： * 为常用方式，“wrap”为容器，“div”为要居中的元素。 * 1. 绝对定位 ，宽高都已知的情况下如下代码可实现，或者可以使用negative margins； .div { width: 200px; height: 200px; margin: auto; position: absolute; top: 0; le...

2018-06-24 00:42:39

一、BFC与IFC 1.1、BFC与IFC概要 BFC（Block Formatting Context）即块级格式化上下文， IFC（Inline Formatting Context）即行内格式化上下文。常规流（也称标准流、普通流）是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属于一个格式化上下文，你可以...

2018-06-24 00:42:38

今天敲代码时，想写一个切换头像的功能，问题来了，头像就是死活不出现呐。突然灵光一现，难道css和javascript中图片路径书写方式不一样？？？ 嗯…是这样的: 在根目录下新建了个“images”文件，里面放了两张图片bg1.png和bg2.png 在根目录下另外新建了两个文件夹"CSS...

2018-06-24 00:42:02

搬运工 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu...

2018-06-24 00:42:31

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow : 0 0 0px 1000px white inset !important ; background-color : rgb(0, 0, 0) !important ; background-image : none !important ; color : rgb(0, 0, 0) !importa...

2018-06-24 00:42:33

1 .给网站加上浏览器状态栏图标 link href ="~/~/xx.ico" rel ="shortcut icon" /...

2018-06-24 00:42:28

Special Characters quot; #34; " quotation mark u+0022 ISOnum p:before { content:"\0022"; } alert("\42") amp; #38; ampersand u+0026 ISOnum p:before { content:"\0026"; } alert("\46") lt; #60; less-than sign u+003C ISOnum p:before { content:"\003c"; }...

2018-06-24 00:42:01

一、盒子模型（Box Model） 盒子模型也有人称为框模型，HTML中的多数元素都会在浏览器中生成一个矩形的区域，每个区域包含四个组成部分，从外向内依次是：外边距（Margin）、边框（Border）、内边距（Padding）和内容（Content），其实盒子模型有两种，分别是 ie 盒子...

2018-06-24 00:42:01