设置密码

验证码错误,请重新填写

免费建站旅程马上开始

开始建站
建站中

已有帐号?直接登录

首页>森动学院>网站建设教程 > 你可能不知道的一些CSS技巧
你可能不知道的一些CSS技巧
发布时间: 2014-01-17
1、两个类
通常属性指定一个班,但这并不意味着那是你允许。在现实中,你可以指定许多班级,只要你喜欢!比如说呢。
+ <p class=“文本”>……</P >
同时使用这两类(用空格隔开,而不是用逗号)意味着一段调用指定文本和侧的规则。如果任何规则之间的重叠,两类则类是在CSS文件的其他优先。


2、CSS边框的默认值

当编写一条边框的规则你通常会指定颜色,宽度和样式(任意顺序)。例如,边境:3px固体# 000会给你一个黑色固体边界,3厚。然而,唯一需要的是这里的价值的边框样式。
如果你写的是:固体边界后,边境将使用缺省值。但什么缺陷?嗯,一个边界的默认宽度是中等(相当于3到4像素)和默认的颜色,边框内的文本的颜色。如果这是你想要的边界,然后你就可以离开他们的CSS规则!


3、图像置换技术

使用标准的HTML标记来显示文本,它始终是可取的,而不是一个形象。这样做允许更快的下载速度和可访问性的好处。然而,如果你的心放在使用某种字体,您的网站访问者不会对他们的电脑字体,然后真的你没有选择只能使用一个图像。
一定要改变“图像高度”的任何图像的高度(例如85px)!的形象,与您喜欢的字体,现在将显示常规的文本将被安全的方式,2000px定位到屏幕的感谢我们的CSS规则左。请注意,这可能会导致可访问性问题作为任何用户关闭图片无法看到的文本。

4、用CSS垂直对齐
垂直对齐的桌子是件轻而易举的事。使细胞含量线在一个细胞可以使用中间:中间的垂直对齐。这并不是真的用CSS布局工作。说你有一个导航菜单的高度被分配做你插入垂直对齐命令到CSS规则。推箱子的顶端基本上没有什么区别,本文将。
嗯..没有达到预期的效果。解决的办法吗?指定要在CSS的盒子本身的高度同一行的高度。在这个例子中,这个盒子是2em高,所以我们将线高度:做为CSS规则和文本现在漂浮在盒中的完美!

5、运行到屏幕底部的背景颜色
一个CSS的缺点是不能实现垂直方向的控制,导致一个特定的问题,表布局不受。说你有一个柱放在页面的左边,它包含站点导航。网页背景是白色的,但你要这左栏有一个蓝色的背景。简单的,分配给它适当的CSS规则:
#导航
{
背景:蓝色;
宽度:为150px
}
只有一个问题:由于导航项目不继续所有的方式到屏幕底部,背景颜色不。背景颜色蓝色被切断下半页,毁了你的伟大的设计。你们会做什么。?
不幸的是这唯一的解决方案是欺骗,并将身体背景图像完全相同的颜色和宽度为左栏。你会使用CSS命令:
{
背景:URL(蓝色图像的GIF。)0 0垂直重复
}
这个形象,您放置在背景应该是150px宽为左栏的背景相同的颜色。使用这种方法的缺点是,你不能在EM表示左栏,如果用户调整大小的文本和列的扩展,它的背景颜色了
使用这种方法,左栏将如果你想让它有一个不同的背景颜色页面其余部分的PX表达。

文章来源:森动网小鱼儿