- CSS max-width 属性 11-25
- 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 max-width 属性
发布者: superzhang | 发布时间:2017-11-25实例
设置段落的最大宽度:
p
{
max-width:100px;
}
属性定义及使用说明
max-width属性设置元素的最大宽度。
注意: max-width属性不包括填充,边框,或页边距!
默认值:none继承:no版本:CSS2JavaScript 语法:object.style.maxWidth="100px"浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性max-width1.07.01.02.0.27.0属性定义及使用说明
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标签
网页效果
