在测试的道路上,越走越远,越飞越高
css’s display:block inline
上一篇 /
下一篇 2007-11-27 17:56:22
css语法由三步分构成:选择器,属性和值51Testing软件测试网'gt)rkU5Ly
记得写引号
51Testing软件测试网 W TnE%V.g7g0k-l提示:如果值为若干单词,则要给值加引号:
5^[vm@!KM0p {font-family:"sans serif"
;}
多重声明:
51Testing软件测试网;tu&i%Hc
P提示:如果要定义不止一个声明,则需要用分号将每个声明分开。
-S.l!w
zs,xG7S0空格和大小写敏感
51Testing软件测试网"bRWQGSxR@[大多数样式表包含不止一条规则,而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑:51Testing软件测试网Js
[:x-iyme8k RF1z
选择器的分组
51Testing软件测试网7gGD&wF({!R你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开51Testing软件测试网${kZaO qH8T
继承及其问题
e _&A8A0a9s0根据CSS,子元素从父元素继承属性。
roT7Em[0派生选择器
*EJ~R.RY+[6ySxg0通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。
7]U(Z1?(irAu07z7b tqs0在CSS1中,通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors),这是由于他们依赖于上下文关系来应用或者避免某项规则。
L5p'q;u!^D|4RLQ1D0- 派生选择器允许你根据文档的上下文关系来确定某个标签的样式
id选择器
EfQ(p^I6H7f0id选择器可以为标有特定id的HTML元素指定特定的样式。
:a+xx D.p)r,g051Testing软件测试网#F3I"E7gCid选择器以"#"来定义。51Testing软件测试网[:VFiD;v
id选择器和派生选择器
![f4Jf~&?7q
|"`C8J0在现代布局中,id选择器常常被用来建立派生选择器。51Testing软件测试网Jueg3g;f%R
#sidebar p
{51Testing软件测试网AH_Ct(j5~#r$`s$o
font-style: italic;
:YdY5c0L0text-align: right;51Testing软件测试网Otb)_ }
d+Zp7Q
margin-top: 0.5em;51Testing软件测试网&M
jw+Ps~$^{Lx
}
- id选择器作为派生选择器也可以被使用很多次
单独的选择器
}V*g,V!o'};N8u^T0id选择器即使不被用来创建派生选择器,它也可以独立发挥作用
-g3uYc
T8B0- 51Testing软件测试网6nft0{+jbkt_
在CSS中,类选择器以一个点号显示:
'{6EEz0l%v%e`f4z0.center
{text-align: center}
`u'Bc/S0在上面的例子中,所有拥有center类的HTML元素均为居中。
Tw*@Q7b#K`[0 - 不要使用数字起始类名!它无法在Mozilla或Firefox中起作用
- 和id一样,class也可被用作派生选择器
- html有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。
- 每个选择器都有属性在{}里面
- 值在冒号(不是等号)后面
- 分号分离属性
- em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体大小的两倍。
fl9o(hO TwWg0 px比如font-size:12px是pixel像素的单位。51Testing软件测试网
Z'z
o0O^L&W`
E#o
pt比如font-size:12px是points镑的单位。51Testing软件测试网7K)`.fY4S?
%比如font-size:80%是百分比 - pc(12点西文活字)、cm(厘米)、mm(毫米)和in(英寸)
- 当值是零的时候,不需要单位
- 建议使用"em"和"%"在font-size上(宽度和高度),相比下px不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上
display:inline/block/inline-block/none
- inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行
- display:inline-block; 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
- 当display被设置为block(块)时,容器中所有的元素将会被当作一个单独的块,就像
元素一样,它会在那个点被放入到页面中。(实际上你可以设置
的display:block,使其可以像一样
工作。
将display设置为inline,将使其行为和元素inline一样---即使它是普通的块元素如
,它也将会被组合成像那样的输出流。
- visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。
当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置
- display是指显示状态,inline表示内联,特点是紧贴着前一个内联元素,通常默认的内联元素有span,a,em,strong等。而float表示的是浮动,float:left,是针对块级元素的浮动形式,是不同形式的两种状态
- display:block; 块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行
相关阅读:
- Html的几个小技巧 (annayin, 2007-3-02)
- 代码显示样式 (ytqmyself, 2007-6-12)
- 多窗口页面(Frames) (紫忧, 2007-6-27)
- Meta标签详解 (紫忧, 2007-6-27)
- html保护脚本不被看到 (gforg, 2007-8-02)
- Html弹出页面的代码例子 (gforg, 2007-8-02)
- 往下拉列表框中添加项目 (gforg, 2007-8-02)
- iframe嵌入网页的用法 (gforg, 2007-8-06)
- 用IFRAME实现网页的内嵌和预载 (紫忧, 2007-8-16)
- js控制框架页显示 [转载] (紫忧, 2007-8-16)
收藏
举报
TAG:
HTML
CSS