CSS 样式
样式应用的场合当然是网页文件中,但是如何去运用呢?可以简单的整理一下思路。
selector 有三种情况,内部样式,外部样式,内联样式。语法为
Selector { property: value }
可以通过设置标签的style属性中书写,通过CLASS和ID来定义。
<link rel=stylesheet href="***/**.css" type="text/css">
三种方式的运用场合跟作用范围要理解透彻。
内联:只对某个标签生效
内部:对于当前网页中某一类标签生效
外部:对于应用到的多个网页中的某一类标签生效
在编写的样式文件中可以套用别人写好的样式。
@import url("样式文件路径及名称");
关于样式的每种属性的设置没有必要去记,在用的时候可以通过样式设计的工具和参照css手册来进行设计。
相关文档:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.main{position:relative;width:100%}
.left{position:absolute;width:200px;border:solid 1px red; height: ......
现在给大家献上颜色对照码:
FFFFFF
#DDDDDD
#AAAAAA
#888888
#666666
#444444
#000000
#FFB7DD
#FF88C2
#FF44AA
#FF0088&n ......
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption> ......
强烈推荐一款CSS导航菜单,用到政府学校类网站上超级不错。
有点类似站长网菜单的味道,只不过颜色不一样而已,这种菜单还不是真正意义上的“下拉”菜单,应该叫滑出菜单<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition ......