摘要：
没有用到浮动 ，所以不用去清除浮动。也可以平均分配。 甚至不用写宽度，直接flex：1就可以了。 flex可以垂直居中。 flex会让子元素在一行内显示，如果子元素超出父元素，则子元素自己变小宽度（缩小了元素的大小。），使得全部子元素在一行内显示。 都是要先确认好谁是主轴谁是侧轴在进行排列。 左固定 阅读全文
摘要：
虽然视口很多，但是我们只用一个。就是理想视口。 单标签。 原本是高宽都300的。后来变成移动端后没有变成300/750，也不是300/1334。而是占据了一大半（300/375）。甚至375就满屏了。所以1px不是1物理像素。物理像素比是2。 下载下来，后续使用直接引用就好了。 可以改变默认的效果。 阅读全文
摘要：
pc端的支持情况。IE9以下的版本就会全军覆没。移动端就不会出现版本支持问题。 因为第一个孩子是p，但是他又是在span里面选，所以根本选不出来，报错。改成第二个孩子才可以选出来。 这样就可以选出span第一个元素了。 ul里面如果有很多子元素的话就用nth-of-type好一点。ul里面只有li的 阅读全文
摘要：
不能总是input和textarea，有些文本框可以是只能输入数字，也不能每个盒子都是div，区分不了。 display：block 最好用mp4的格式。 为了照顾兼容性问题。 设置这个就是默认播放了。 显示播放控件，左侧暂停播放按钮，右侧声音和放大等。 但是谷歌把自动播放的功能禁用了。得要有控件。 阅读全文
摘要：
精灵图就是只要导入一张照片（这张照片里面有很多很多的小图标和照片），然后通过background-position来移动位置，使网页显示出对应图片或者图标。一般都是负值。 下载然后导入项目里。 不同浏览器支持字体不一样，但是下载的时候已经自动生成了四种对应的格式。 字体声明： 复制小框框。每个小框框 阅读全文
摘要：
无关浏览器，只想对于原来的位置。而且下面的盒子也不会升上去。 没有父亲的时候就是以浏览器为标准的。 父亲没定位，爷爷有定位，就按照爷爷的，不管父亲了。 绝对定位飘起来比浮动还要高。飘起来了它的位置就会被占有，也不会影响下面的布局。 （比如轮播图！！！） 轮播图里的蓝色按钮就没有压着下面的图片。 固定 阅读全文
摘要：
所有浮动都是贴着浮动的。一左一右的话就毫无联系了。 浮动元素和标准流是两个级别了，浮起来了，后面的人会补上空缺的位置，让其他标准流的盒子占有。 很容易形成叠加效果，（蓝色的标准流会上去补上浮动的位置，浮动压着标准流） 上沿对其，而且不说明左浮右浮就会贴着左浮，原来是竖着排列的盒子会在一行内完成浮动。 阅读全文
摘要：
就近原则执行粉色。而不是全覆盖，只有样式冲突的地方才会覆盖。 会执行粉色和12px。后来者居上 高度宽度内外边距这些不会继承。 子元素会继承行高， 1.5是行高是字体大小的1.5倍的意思。 有了！important后其他都没用了，直接粉红色。 结果会是都是绿色，不是红色，因为权重叠加了。 这样会变成 阅读全文
摘要：
熟练快捷键！方便，要多练！ css复合选择器 不会选孙子，有一个儿子和另一个儿子的孩子（也是孙子）同名了，但子选择器子选择儿子，同名的孙子不选。和后代选择器有一点不一样的。 “ ，”是div和p的意思 比如，将光标放在某些字上面那一行或者那几个字的底色或者字体颜色就会变化。 冒号：———代表鼠标经过 阅读全文
摘要：
把所有标签拎出来写样式 如果只改变一个或者一部分小li，其余的不变，就要用到类选择器。 起名不能起标签一样的名字！ 一个标签可以调用多个类！也可以方便修改！ 区别就是id只能使用一次！一次性的。class能被使用很多次。 不能两次调用，像身份证号。而且开发的时候用类的最多。 标题标签就是加粗了 两行 阅读全文