- css从入门到放弃（4）——css选择器 交集选择器 11-25
- CSS min-height 属性 11-25
- 玩转CSS系列-CSS简介及添加 11-25
- CSS page-break-after 属性 11-25
- CSS direction 属性 11-25
- CSS flex-flow 属性 11-25
- css从入门到放弃（3）——css实战 google 11-25
- Bootstrap CSS编码规范 11-25
- CSS 定位 11-25
- 浅谈css预处理器与 CSS 后处理器 11-25
css从入门到放弃（4）——css选择器 交集选择器
发布者: superzhang | 发布时间:2017-11-25这集课的交集选择器 实际上是对上几节课讲的类选择器和id选择器的一种补充，比较简单，直接来看代码。
学过上几节课的小伙伴应该都能看懂这段代码，定义了一个box类样式
然后分别在p标签和div标签中调用了box 效果如下
两段文字效果是差不多的。 但是我们现在有需求，需要把p标签中的字体大小设置为50像素，怎么办？
我们可以通过一小段代码来给p标签中的box 追加一个属性
CSS min-height 属性
发布者: superzhang | 发布时间:2017-11-25实例
设置段落的最低高度：
p
{
min-height:100px;
}
属性定义及使用说明
min-height 属性设置元素的最低高度。
注意： min-height属性不包括填充，边框，或页边距！
默认值：0继承：no版本：CSS2JavaScript 语法：object.style.minHeight="10px"浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性min-height1.07.03.02.0.24.0现在我们把CSS样式表文件去掉
CSS page-break-after 属性
发布者: superzhang | 发布时间:2017-11-25实例
设置在表格元素之后始终进行分页的分页行为：
<html>
<head>
<style>
@media print
{
table {page-break-after:always}
}
</style>
</head>
<body>
....
</body>
</html>
属性定义及使用说明
page-break-after 属性设置元素后的 page-breaking 行为。
注意： 您不能对绝对定位的元素使用此属性。
注意： 请尽可能少地使用分页属性，并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。
默认值：auto继承：no版本：CSS2JavaScript 语法：CSS direction 属性
发布者: superzhang | 发布时间:2017-11-25实例
设置文字方向"right-to-left":
div
{
direction:rtl;
}
属性定义及使用说明
direction属性指定文本方向/书写方向。
默认值：ltr继承：yes版本：CSS2JavaScript 语法：object.style.direction="rtl"浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
属性direction 2.05.51.01.39.2浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。
属性flex-flow29.021.0 -webkit-11.010.0 -ms-28.018.0 -moz-9.06.1 -webkit-17.0定义和用法
flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。<
css从入门到放弃（3）——css实战 google的logo css版制作
发布者: superzhang | 发布时间:2017-11-25首先来看看最终效果，这可可不是直接截取的谷歌的logo，这是以前说讲的css教程制作出来的。想知道怎么做的吗？
首先我们先分析一下这个logo，一共有6个字母，每个字母的样式都不一样。
首先第一步要先在网页中显示这几个字母，
这里需要用到span标签
网页效果
浅谈css预处理器与 CSS 后处理器
发布者: superzhang | 发布时间:2017-11-25说到 CSS 预处理器，大家都很熟悉了，本文的重点是介绍从中抽出的 CSS 后处理器，这也是近一年多以来，前端社区的一些新趋势。
将 CSS 后处理器 抽象出来之后，会对 CSS 的 开发模式 带来一些变化，下面从概念开始说起。
CSS 预处理器
广义上说，目标格式为 CSS 的 预处理器 是 CSS 预处理器，但本文 特指 以最终生成 CSS 为目的的 领域特定语言。
Sass、LESS、Stylus 是目前最主流的 CSS 预处理器。
示例
下面以 LESS 为例：
LESS
.opacity(@opacity: 100) {
opacity: @opacity / 100;
filter: ~"alpha(opacity=@{opacity})";
}
.sidebar {
.opacity(50);
}
将以上 DSL 源代码 (LESS)，编译成 CSS：
.sidebar {
opacity: 0.5;
filter: alpha(opacity=50);
}
可以看到，编译前 与 编译后 是完全不同的语言。
实现原
