CSS样式(规则)定义对话框中英文对照_第1页
CSS样式(规则)定义对话框中英文对照_第2页
CSS样式(规则)定义对话框中英文对照_第3页
CSS样式(规则)定义对话框中英文对照_第4页
CSS样式(规则)定义对话框中英文对照_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、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设置文本

2、的大小写,只对英文字母有效。值描述none无转换发生capitalize将每个单词的第一个字母转换成大写,其余无转换发生uppercase转换成大写lowercase转换成小写3、text-decoration属性对文本进行修饰。值描述none默认。定义标准的文本。un derl ine定义文本下的一条线。overl ine定义文本上的一条线。lin e-through定义穿过文本下的一条线。bli nk定义闪烁的文本。in herit规定应该从父元素继承text-decoration 属性的值。、【背景】罰巴的css 嗣定义1、background-attachment属性设置背景图像是否固

3、定或者随着页面的其余部分滚动。值描述scroll默认值。背景图像会随着页面其余部分的滚动而移动。fixed当页面的其余部分滚动时,背景图像不会移动。in herit规定应该从父元素继承background-attachment 属性的设置。三、【区块】廿类区块f ardspftEin(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 |Dl Eftlay(2.):科助咗1、word-spacing属性,控制单词间的间隔。所谓单词,就是用空格分开的字符

4、串,允许指定负长度值,这会让字之间挤得更紧。值描述no rmal默认。定义单词间的标准空间。len gth定义单词间的固定空间。in herit规定应该从父元素继承word-spacing 属性的值。2、letter-spacing属性,与 Word-spacing 相似,不过它控制的是单个字符之间的间隔,而不是单词间。值描述no rmal默认。规定字符间没有额外的空间。len gth定义字符间的固定空间(允许使用负值)。in herit规定应该从父元素继承letter-spacing 属性的值。3、vertical-align属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素

5、所在行的基线的垂直对齐。值描述baseli ne默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。bottom把元素的顶端与行中最低的元素的顶端对齐。text-bottom把元素的底端与父元素字体的底端对齐。len gth%使用line-height属性的百分比值来排列此元素。允许使用负值。in herit规定应该从父元素继承vertical-align属性的值。4、text-align属性,与上面的相对。规定元素中的文本的水平

6、对齐方式。值描述left把文本排列到左边。默认值:由浏览器决定。right把文本排列到右边。cen ter把文本排列到中间。justify实现两端对齐文本效果。in herit规定应该从父元素继承text-align属性的值。5、text-indent属性规定文本块中首行文本的缩进。值描述len gth定义固定的缩进。默认值:0。%定义基于父元素宽度的百分比的缩进。in herit规定应该从父元素继承text-indent属性的值。6、white-space属性设置如何处理元素内的空白。值描述no rmal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似HTML中的pre标签

7、。no wrap文本不会换行,文本会在在同一行上继续,直到遇到br标签为止。pre-wrap保留空白符序列,但是正常地进行换行。pre-l ine合并空白符序列,但是保留换行符。in herit规定应该从父元素继承white-space属性的值。7、display属性规定元素应该生成的框的类型。值描述None不显示该元素,也不占位。Block此元素将显示为块级元素,此元素前后会带有换行符。Inline默认值,此元素会被显示为内联元素,元素前后没有换行符。inlin e-block行内块元素。与inline相比该元素稍微变高。四、【方框】分类方桂HeichtQf):PtddingV1HFLmL

8、d)Cleary : |v|Mur gin.*1回蛍部柏冋Tdp(j :Riehl :电)LefLQJ :回全郁相可咖虹):Kipt Bft tom (J)Left .px乘助咗冀型 背昌 区块扩展宽:高:埴克上迥;若:T3):左(1):V像素屛)-V愫素(jm)浮动7(p x J像素回全部相同像素窗 V确定渚際:13全酣目同像素g) 巒像素如)* 橡素血)T像素融)7辺界上若:下廻;职消帮助1、float属性定义元素在哪个方向浮动。控制元素在这一行的右边还是左边,然后其他元素 占据这一行剩余的地方,当然也可以让单独一行。值描述left元素向左浮动。right元素向右浮动。none默认值。元素

9、不浮动,并会显示在其在文本中出现的位置。in herit规定应该从父元素继承float属性的值。2、clear属性规定兀素的哪一侧不允许其他浮动兀素。五、【边框】lidlhHiW0同但)乘助咗边框奘型背昌区块扩展上0);右:下:左Q:RieHt :B a 11 迪Left (Ll :CclorE全耐E同Q)口aa样式回全制栩同Q)颤色回至訓相同V偉奈3)匚|像素&)T像素铢)T像素应)确定职消芾助1、border-style属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。值描述none定义无边框。hidde n与none相同。不过应用于表时除外,对于表,hidden用于解决边框冲

10、突。dotted定义点状边框。在大多数浏览器中呈现为实线。dashed定义虚线。在大多数浏览器中呈现为实线。solid定义实线。double定义双线。双线的宽度等于border-width 的值。groove定义3D凹槽边框。其效果取决于 border-color 的值。ridge定义3D垄状边框。其效果取决于 border-color 的值。in set定义3D inset边框。其效果取决于border-color的值。outset定义3D outset边框。其效果取决于border-color的值。in herit规定应该从父元素继承边框样式。2、border-width属性为元素的所有边

11、框设置宽度,或者单独地为各边边框设置宽度。只有当边框样式不是none时才起作用,如果边框样式是none ,边框宽度实际上会重置为0,不允许指定负长度值。值描述thin定义细的边框。medium默认。定义中等的边框。thick定义粗的边框。len gth允许您自定义边框的宽度。in herit规定应该从父元素继承边框宽度。六、【列表】罰巴的css 嗣定义1、list-style-type属性设置列表项标记的类型。值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。2、list-style-position属性设置在何处

12、放置列表项标记。该属性用于声明列表标志相对于列表项内容的位置。外部(outside)标志会放在离列表项边框边界一定距离处,不过这距离在CSS中未定义。内部(inside)标志处理为好像它们是插入在列表项内容最前面的行内元素一样。值描述in side列表项目标记放置在文本以内,且环绕文本根据标记对齐。outside默认值。保持标记位于文本的左侧。 列表项目标记放置在文本以外,且环绕文本不根据标记对齐。in herit规定应该从父元素继承list-style-position 属性的值。七、【定位】分类定位Tidth):Pl *4-arat+TopO .*VXVpitTop :Kight :Bfl

13、ttcm :i.*ft ty -Bottoir QJ);LaftCE):录消 乘助咗罰巴的CSS理则肓义IX1、position属性规定元素的定位类型。值描述absolute生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过left, top, right 以及bottom属性进行规定。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过left, top, right 以及bottom属性进行规定。relative生成相对定位的元素,相对于其正常位置进行定位。因此,left:20会向元素的 LEFT位置添加20像素。static默认值。没有

14、定位,元素岀现在正常的流中。in herit规定应该从父元素继承position属性的值。2、Visibility属性规定元素是否可见。即使不可见的元素也会占据页面上的空间。值描述visible默认值,元素是可见的。hidde n元素是不可见的。collapse当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局,被行或列占据 的空间会留给其他内容使用,如果此值被用在其他的元素上,会呈现为hidden。in herit规定应该从父元素继承visibility属性的值。3、z-index属性设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低 的元素的前面。元素可拥有

15、负的z-index属性值,Z-index仅能在定位元素上奏效。值描述auto默认。堆叠顺序与父元素相等。nu mber设置元素的堆叠顺序。in herit规定应该从父元素继承z-index属性的值。4、overflow属性规定当内容溢出兀素框时发生的事情。如果值为scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使兀素框中可以放下所有内容也会出现滚动条。值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidde n内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示

16、滚动条以便查看其余的内容。in herit规定应该从父元素继承overflow属性的值。5、 placeme nt部分,这里主要控制元素的位置。对于有top、right、bottom、left四个参数的优先级,我进行了几次尝试,得出的结果是left和top高于right和bottom 。6、 clip属性剪裁绝对定位元素。这个属性用于定义一个剪裁矩形,对于一个绝对定义元素,在这个矩形内的内容才可见,出了这个剪裁区域的内容会根据overflow 的值来处理,剪裁区域可能比元素的内容区大,也可能比内容区小。clip属性必须和定位属性postion 起使用才能生效。值描述shape设置元素的形状。唯

17、一合法的形状值是:rect (top, right, bottom , left)auto默认值。不应用任何剪裁。in herit规定应该从父元素继承clip属性的值。八、【扩展】eg的css甥则定丸扩展y age- br * alr-b or g g)Pegs-ljir sikrafter (J)Cursor 担)Filler (帝助咗1录消应甩1、cursor属性规定要显示的鼠标光标的类型(形状)。该属性定义了鼠标指针放在一个元 素边界范围内时所用的光标形状。值描述default默认光标(通常是一个箭头)auto默认。浏览器设置的光标。crosshair光标呈现为十字线。poi nter光标呈现为指示链接的指针(一只手)move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右(东)移动。n e-resize此光标指示矩形框的边缘可被

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论