CSS样式(规则)定义对话框中英文对照
、【类
型】
类型
Font-faaily ff):
Tax (-dacontiinQl): □uidwlint (V)
'~~I cverline (0)
□ llirkCE)
3 “it 电®
科助咗]
1、font-variant属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
值描述
no rmal 默认值。
浏览器会显示一个标准的字体。
small-caps 浏览器会显示小型大写字母的字体。
in herit 规定应该从父元素继承font-variant属性的值。
2、text-transform 设置文本的大小写,只对英文字母有效。
3text-decoration
、【背景】
1、background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
三、【区块】
廿类区块
f ard"spftEin((gj:Le
t ter-»p:a:: i n*
E):Ver ti c al - aQ
i an Gf): S (J)::
Text-inient(X);
tfhi te_space (Jf) 1 |
D L Eftlay(2.):
科助咗]
、letter-spacing 属性,与Word-spacing 相似,不过它控制的是单个字符之间的间隔,而
不是单词间。
3、vertical-align属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。
6、white-space属性设置如何处理元素内的空白。
7、display属性规定元素应该生成的框的类型。
四、【方框】
乘助咗
1、float 属性定义元素在哪个方向浮动。
控制元素在这一行的右边还是左边,然后其他元素 占据这一行剩余的地方,
当然也可以让单独一行。
值
描述
left 元素向左浮动。
right 元素向右浮动。
none
默认值。
元素不浮动,并会显示在其在文本中出现的位置。
in herit 规定应该从父元素继承 float 属性的值。
2、clear 属性规定兀素的哪一侧不允许其他浮动兀素。
五、【边框】
分类 方桂
HeichtQf):
Ptdding
V
1 H
FL M L d)
Cleary : |
v|
Mur gin.
*1
Tdp(£j : Riehl® :
电)
LefLQJ :
咖虹):
Kipt ⑥
Bf>t tom (J)
Left ⑨.
宽⑩:
高①: 埴克
上迥; 若®:
T3):
左
(1
V
像素屛)
-V
愫素(jm )
7
(p x J
像素
像素窗 V
确定
13全酣目同®
像素g ) 巒
像素如)* ]
橡素血)T
像素融)7
职消 帮助
回蛍部柏冋⑸
回全郁相可®
px
冀型 背昌 区块
扩展
浮动⑴■ 回全部相同⑤
渚際©: 辺界
上® 若⑹:
下廻;
1、border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。
值
描述
none
定义无边框。
hidde n 与"none"相同。
不过应用于表时除外,对于表, hidden 用于解决边框冲突。
dotted 定义点状边框。
在大多数浏览器中呈现为实线。
dashed 定义虚线。
在大多数浏览器中呈现为实线。
solid 定义实线。
double 定义双线。
双线的宽度等于
border-width 的值。
groove 定义3D 凹槽边框。
其效果取决于 border-color 的值。
ridge
定义3D 垄状边框。
其效果取决于 border-color 的值。
lidlh
HiW0同但)
乘助咗]
边框
奘型 背昌 区块
上
0);
右@〕: 下®:
Cclor
[E 全耐E 同Q)
口
a
a
样式
回全制栩同Q )
颤色
回至訓相同©〕
V 偉奈
3)匚|
像素&)T
像素铢)T
像素应)
确定
职消
芾助]
扩展
:
RieHt® : B a 11 迪〕 Left (Ll :
、border-width属性为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
只有
当边框样式不是none时才起作用,如果边框样式是none ,边框宽度实际上会重置为0,
六、【列表】
1、list-style-type 属性设置列表项标记的类型。
2、list-style-position 属性设置在何处放置列表项标记。
该属性用于声明列表标志相对于列表项内容的位置。
外部(outside)标志会放在离列表项边框边界一定距离处,不过这距离在CSS中未定义。
内部(inside)标志处理为好像它们是插入在列表项内容最前面的行内元素
七、【定位】
乘助咗] •罰巴的CSS 理则肓义 IX
1、position 属性规定元素的定位类型。
值
描述
absolute
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过
"left", "top", "right" 以及"bottom"属性进行规定。
fixed
生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过
"left", "top", "right" 以及"bottom"属性进行规定。
relative
生成相对定位的元素,相对于其正常位置进行定位。
因此,"left:20"会向元素的 LEFT 位置添加20像素。
static 默认值。
没有定位,元素岀现在正常的流中。
in herit
规定应该从父元素继承
position 属性的值。
分类 定位
Tidth^):
Pl *4-ar>at+
■*
V
□X
V
pit
录消 ]
TopO .
Top® :
Kight® : Bflttcm ⑥:
i.*ft ty -
Bottoir QJ);
LaftCE):
2、Visibility属性规定元素是否可见。
即使不可见的元素也会占据页面上的空间。
3、z-index属性设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
元素可拥有负的z-index属性值,Z-index仅能在定位元素上奏效。
5、placeme nt部分,这里主要控制元素的位置。
对于有top、right、bottom、left四个参
数的优先级,我进行了几次尝试,得出的结果是left和top高于right和bottom 。
6、clip属性剪裁绝对定位元素。
这个属性用于定义一个剪裁矩形,对于一个绝对定义元素,
在这个矩形内的内容才可见,出了这个剪裁区域的内容会根据overflow 的值来处理,剪裁
区域可能比元素的内容区大,也可能比内容区小。
clip属性必须和定位属性postion —起使
八、【扩展】
eg 的css 甥则定丸
扩展
[帝助咗1
录消 应甩®
1、cursor 属性规定要显示的鼠标光标的类型(形状)。
该属性定义了鼠标指针放在一个元 素边界范围内时所用的光标
形状。
值
描述
default 默认光标(通常是一个箭头) auto 默认。
浏览器设置的光标。
crosshair 光标呈现为十字线。
poi nter 光标呈现为指示链接的指针(一只手) move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
n e-resize
此光标指示矩形框的边缘可被向上及向右移动(北 /东)。
y age- br * alr-b or g
g) Pegs-ljir sikrafter (J)
Cursor 担)。