CSS max-width 属性

发布者: superzhang | 发布时间:2017-11-25

实例

设置段落的最大宽度：

p

{

max-width:100px;

}

CSS max-width 属性

属性定义及使用说明

max-width属性设置元素的最大宽度。

注意： max-width属性不包括填充，边框，或页边距！

默认值：none继承：no版本：CSS2JavaScript 语法：object.style.maxWidth="100px"

CSS max-width 属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性max-width1.07.01.02.0.27.0

CSS font-style 属性

属性定义及使用说明

font-style属性指定文本的字体样式。

默认值：normal继承：yes版本：CSS1JavaScript 语法：object.style.fontStyle="italic"

CSS font-style 属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性font-style1.04.01.01.07.0

想读更多 ->

css从入门到放弃（4）——css选择器交集选择器

发布者: superzhang | 发布时间:2017-11-25

这集课的交集选择器实际上是对上几节课讲的类选择器和id选择器的一种补充，比较简单，直接来看代码。

css从入门到放弃（4）——css选择器交集选择器

学过上几节课的小伙伴应该都能看懂这段代码，定义了一个box类样式

然后分别在p标签和div标签中调用了box 效果如下

css从入门到放弃（4）——css选择器交集选择器

两段文字效果是差不多的。但是我们现在有需求，需要把p标签中的字体大小设置为50像素，怎么办？

我们可以通过一小段代码来给p标签中的box 追加一个属性

想读更多 ->

CSS min-height 属性

发布者: superzhang | 发布时间:2017-11-25

实例

设置段落的最低高度：

p

{

min-height:100px;

}

CSS min-height 属性

属性定义及使用说明

min-height 属性设置元素的最低高度。

注意： min-height属性不包括填充，边框，或页边距！

默认值：0继承：no版本：CSS2JavaScript 语法：object.style.minHeight="10px"

CSS min-height 属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性min-height1.07.03.02.0.24.0

玩转CSS系列-CSS简介及添加

现在我们把CSS样式表文件去掉

想读更多 ->

CSS page-break-after 属性

发布者: superzhang | 发布时间:2017-11-25

实例

设置在表格元素之后始终进行分页的分页行为：

<html>

<head>

<style>

@media print

{

table {page-break-after:always}

}

</style>

</head>

<body>

....

</body>

</html>

CSS page-break-after 属性

属性定义及使用说明

page-break-after 属性设置元素后的 page-breaking 行为。

注意：您不能对绝对定位的元素使用此属性。

注意：请尽可能少地使用分页属性，并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。

默认值：auto继承：no版本：CSS2JavaScript 语法：

想读更多 ->

CSS direction 属性

发布者: superzhang | 发布时间:2017-11-25

实例

设置文字方向"right-to-left":

div

{

direction:rtl;

}

CSS direction 属性

属性定义及使用说明

direction属性指定文本方向/书写方向。

默认值：ltr继承：yes版本：CSS2JavaScript 语法：object.style.direction="rtl"

CSS direction 属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性direction 2.05.51.01.39.2

CSS flex-flow 属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。

属性flex-flow29.021.0 -webkit-11.010.0 -ms-28.018.0 -moz-9.06.1 -webkit-17.0

CSS flex-flow 属性

定义和用法

flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。<

想读更多 ->

css从入门到放弃（3）——css实战 google的logo css版制作

发布者: superzhang | 发布时间:2017-11-25

首先来看看最终效果，这可可不是直接截取的谷歌的logo，这是以前说讲的css教程制作出来的。想知道怎么做的吗？

css从入门到放弃（3）——css实战 google的logo css版制作

首先我们先分析一下这个logo，一共有6个字母，每个字母的样式都不一样。

首先第一步要先在网页中显示这几个字母，

这里需要用到span标签

css从入门到放弃（3）——css实战 google的logo css版制作

网页效果