CSS样式规则定义对话框中英文对照要点.docx
《CSS样式规则定义对话框中英文对照要点.docx》由会员分享,可在线阅读,更多相关《CSS样式规则定义对话框中英文对照要点.docx(17页珍藏版)》请在冰豆网上搜索。
CSS样式规则定义对话框中英文对照要点
CSS样式(规则)定义对话框中英文对照
一、【类型】
1、font-variant属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
值
描述
normal
默认值。
浏览器会显示一个标准的字体。
small-caps
浏览器会显示小型大写字母的字体。
inherit
规定应该从父元素继承font-variant属性的值。
2、text-transform设置文本的大小写,只对英文字母有效。
值
描述
none
无转换发生
capitalize
将每个单词的第一个字母转换成大写,其余无转换发生
uppercase
转换成大写
lowercase
转换成小写
3、text-decoration属性对文本进行修饰。
值
描述
none
默认。
定义标准的文本。
underline
定义文本下的一条线。
overline
定义文本上的一条线。
line-through
定义穿过文本下的一条线。
blink
定义闪烁的文本。
inherit
规定应该从父元素继承text-decoration属性的值。
二、【背景】
1、background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动。
值
描述
scroll
默认值。
背景图像会随着页面其余部分的滚动而移动。
fixed
当页面的其余部分滚动时,背景图像不会移动。
inherit
规定应该从父元素继承background-attachment属性的设置。
三、【区块】
1、word-spacing属性,控制单词间的间隔。
所谓单词,就是用空格分开的字符串,允许指定负长度值,这会让字之间挤得更紧。
值
描述
normal
默认。
定义单词间的标准空间。
length
定义单词间的固定空间。
inherit
规定应该从父元素继承word-spacing属性的值。
2、letter-spacing属性,与Word-spacing相似,不过它控制的是单个字符之间的间隔,而不是单词间。
值
描述
normal
默认。
规定字符间没有额外的空间。
length
定义字符间的固定空间(允许使用负值)。
inherit
规定应该从父元素继承letter-spacing属性的值。
3、vertical-align属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。
值
描述
baseline
默认。
元素放置在父元素的基线上。
sub
垂直对齐文本的下标。
super
垂直对齐文本的上标
top
把元素的顶端与行中最高元素的顶端对齐
text-top
把元素的顶端与父元素字体的顶端对齐
middle
把此元素放置在父元素的中部。
bottom
把元素的顶端与行中最低的元素的顶端对齐。
text-bottom
把元素的底端与父元素字体的底端对齐。
length
%
使用"line-height"属性的百分比值来排列此元素。
允许使用负值。
inherit
规定应该从父元素继承vertical-align属性的值。
4、text-align属性,与上面的相对。
规定元素中的文本的水平对齐方式。
值
描述
left
把文本排列到左边。
默认值:
由浏览器决定。
right
把文本排列到右边。
center
把文本排列到中间。
justify
实现两端对齐文本效果。
inherit
规定应该从父元素继承text-align属性的值。
5、text-indent属性规定文本块中首行文本的缩进。
值
描述
length
定义固定的缩进。
默认值:
0。
%
定义基于父元素宽度的百分比的缩进。
inherit
规定应该从父元素继承text-indent属性的值。
6、white-space属性设置如何处理元素内的空白。
值
描述
normal
默认。
空白会被浏览器忽略。
pre
空白会被浏览器保留。
其行为方式类似HTML中的
标签。nowrap
文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。
pre-wrap
保留空白符序列,但是正常地进行换行。
pre-line
合并空白符序列,但是保留换行符。
inherit
规定应该从父元素继承white-space属性的值。
7、display属性规定元素应该生成的框的类型。
值
描述
None
不显示该元素,也不占位。
Block
此元素将显示为块级元素,此元素前后会带有换行符。
Inline
默认值,此元素会被显示为内联元素,元素前后没有换行符。
inline-block
行内块元素。
与inline相比该元素稍微变高。
四、【方框】
1、float属性定义元素在哪个方向浮动。
控制元素在这一行的右边还是左边,然后其他元素占据这一行剩余的地方,当然也可以让单独一行。
值
描述
left
元素向左浮动。
right
元素向右浮动。
none
默认值。
元素不浮动,并会显示在其在文本中出现的位置。
inherit
规定应该从父元素继承float属性的值。
2、clear属性规定元素的哪一侧不允许其他浮动元素。
五、【边框】
1、border-style属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。
值
描述
none
定义无边框。
hidden
与"none"相同。
不过应用于表时除外,对于表,hidden用于解决边框冲突。
dotted
定义点状边框。
在大多数浏览器中呈现为实线。
dashed
定义虚线。
在大多数浏览器中呈现为实线。
solid
定义实线。
double
定义双线。
双线的宽度等于border-width的值。
groove
定义3D凹槽边框。
其效果取决于border-color的值。
ridge
定义3D垄状边框。
其效果取决于border-color的值。
inset
定义3Dinset边框。
其效果取决于border-color的值。
outset
定义3Doutset边框。
其效果取决于border-color的值。
inherit
规定应该从父元素继承边框样式。
2、border-width属性为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
只有当边框样式不是none时才起作用,如果边框样式是none,边框宽度实际上会重置为0,不允许指定负长度值。
值
描述
thin
定义细的边框。
medium
默认。
定义中等的边框。
thick
定义粗的边框。
length
允许您自定义边框的宽度。
inherit
规定应该从父元素继承边框宽度。
六、【列表】
1、list-style-type属性设置列表项标记的类型。
值
描述
none
无标记。
disc
默认。
标记是实心圆。
circle
标记是空心圆。
square
标记是实心方块。
decimal
标记是数字。
2、list-style-position属性设置在何处放置列表项标记。
该属性用于声明列表标志相对于列表项内容的位置。
外部(outside)标志会放在离列表项边框边界一定距离处,不过这距离在CSS中未定义。
内部(inside)标志处理为好像它们是插入在列表项内容最前面的行内元素一样。
值
描述
inside
列表项目标记放置在文本以内,且环绕文本根据标记对齐。
outside
默认值。
保持标记位于文本的左侧。
列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
inherit
规定应该从父元素继承list-style-position属性的值。
七、【定位】
1、position属性规定元素的定位类型。
值
描述
absolute
生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。
元素的位置通过"left","top","right"以及"bottom"属性进行规定。
fixed
生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过"left","top","right"以及"bottom"属性进行规定。
relative
生成相对定位的元素,相对于其正常位置进行定位。
因此,"left:
20"会向元素的LEFT位置添加20像素。
static
默认值。
没有定位,元素出现在正常的流中。
inherit
规定应该从父元素继承position属性的值。
2、Visibility属性规定元素是否可见。
即使不可见的元素也会占据页面上的空间。
值
描述
visible
默认值,元素是可见的。
hidden
元素是不可见的。
collapse
当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局,被行或列占据的空间会留给其他内容使用,如果此值被用在其他的元素上,会呈现为"hidden"。
inherit
规定应该从父元素继承visibility属性的值。
3、z-index属性设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
元素可拥有负的z-index属性值,Z-index仅能在定位元素上奏效。
值
描述
auto
默认。
堆叠顺序与父元素相等。
number
设置元素的堆叠顺序。
inherit
规定应该从父元素继承z-index属性的值。
4、overflow属性规定当内容溢出元素框时发生的事情。
如果值为scroll,不论是否需要,用户代理都会提供一种滚动机制。
因此,有可能即使元素框中可以放下所有内容也会出现滚动条。
值
描述
visible
默认值。
内容不会被修剪,会呈现在元素框之外。
hidden
内容会被修剪,并且其余内容是不可见的。
scroll
内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto
如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit
规定应该从父元素继承overflow属性的值。
5、placement部分,这里主要控制元素的位置。
对于有top、right、bottom、left四个参数的优先级,我进行了几次尝试,得出的结果是left和top高于right和bottom。
6、clip属性剪裁绝对定位元素。
这个属性用于定义一个剪裁矩形,对于一个绝对定义元素,在这个矩形内的内容才可见,出了这个剪裁区域的内容会根据overflow的值来处理,剪裁区域可能比元素的内容区大,也可能比内容区小。
clip属性必须和定位属性postion一起使用才能生效。
值
描述
shape
设置元素的形状。
唯一合法的形状值是:
rect(top,right,bottom,left)
auto
默认值。
不应用任何剪裁。
inherit
规定应该从父元素继承clip属性的值。
八、【扩展】
1、cursor属性规定要显示的鼠标光标的类型(形状)。