- CSS font-style 属性 11-25
- 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 font-style 属性
发布者: superzhang | 发布时间:2017-11-25实例
三个段落设置不同的字体样式：
p.normal {font-style:normal}
p.italic {font-style:italic}
p.oblique {font-style:oblique}
属性定义及使用说明
font-style属性指定文本的字体样式。
默认值：normal继承：yes版本：CSS1JavaScript 语法：object.style.fontStyle="italic"浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性font-style1.04.01.01.07.0css从入门到放弃（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标签
网页效果
