css样式-.pdf

《css样式-.pdf》由会员分享，可在线阅读，更多相关《css样式-.pdf（8页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、 这是段落 这个段落设置了内边距。a.radio background-image:url(/i/eg_bg_07.gif);padding:20px;我是一个有放射性背景的链接 CSS 文本属性属性描述color 设置文本颜色yellow,direction 设置文本方向。rtl,ltr line-height 设置行高。letter-spacing 设置字符间距。+/-5em,30px,normal,30text-align 对齐元素中的文本。Center,right,left text-decoration 向文本添加修饰。none,underline,overline,line-thr

2、ough,blink text-indent 缩进元素中文本的首行。+/-5em,20%,text-shadow 设置文本阴影。CSS2 包含该属性，但是CSS2.1 没有保留该属性。text-transform 控制元素中的字母。none,uppercase,lowercase,capitalize unicode-bidi 设置文本方向。white-space 设置元素中空白的处理方式。Normal,pre word-spacing 设置字间距。example p.a word-spacing:30px;This is a paragraph.The spaces between word

3、s will be decreased.CSS 字体属性属性描述font 简写属性。作用是把所有针对字体的属性设置在一个声明中。font:italic arial,sans-serif;font-family 设置字体系列。Times New Romanfont-size 设置字体的尺寸。300%font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）font-stretch 对字体进行水平拉伸。（CSS2.1 已删除该属性。）font-style 设置字体风格。Normal,oblique,italic font-variant 以小型大

4、写字体或者正常字体显示文本。Normal,small-caps font-weight 设置字体的粗细。Normal,900,100 CSS 列表属性(list)属性描述list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。list-style-image 将图象设置为列表项标志。list-style-image:url(/i/eg_arrow.gif)list-style-position 设置列表中列表项标志的位置。ul.inside list-style-position:inside/outside list-style-type 设置列表项标志的类型。ul.cir

5、cle list-style-type:circle;ul.square list-style-type:square;ol.upper-roman list-style-type:upper-roman;ol.lower-alpha list-style-type:lower-alpha;CSS Table 属性属性描述border-collapse设置是否把表格边框合并为单一的边框。table.coll border-collapse:collapse(单一)/separate border-spacing设置分隔单元格边框的距离。（仅用于separated borders 模型）capt

6、ion-side设置表格标题的位置。captioncaption-side:bottom This is a caption empty-cells设置是否显示表格中的空单元格。（仅用于separated borders 模型）tableempty-cells:show table-layout设置显示单元、行和列的算法。table.onetable-layout:automatic/fixed(填充，长的不显示全部)CSS 边框属性属性描述CSS outline在一个声明中设置所有的轮廓属性。p border:red solid thin;outline:#00ff00 dotted thi

7、ck;2 outline-width:thin;outline-color:#00ff00;outline-color设置轮廓的颜色。2 outline-style设置轮廓的样式。2 outline-width设置轮廓的宽度。2 element:元素。padding:内边距，也有资料将其翻译为填充。border:边框。margin:外边距，也有资料将其翻译为空白或空白边。CSS 内边距属性属性描述padding简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom设置元素的下内边距。padding-left设置元素的左内边距。padding-right设置元素的右内边

8、距。padding-top设置元素的上内边距。td padding-bottom:2cm/10%td.test1 padding:1.5cm td.test2 padding:0.5cm 2.5cm 这个表格单元的每个边拥有相等的内边距。这个表格单元的上和下内边距是0.5cm，左和右内边距是2.5cm。CSS 边框属性属性描述border简写属性，用于把针对四个边的属性设置在一个声明。border-style用于设置元素所有边框的样式，或者单独地为各边设置边框样式。p.dotted border-style:dotted/dashed/solid/double/groove/ridge/ins

9、et/outset border-width简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。border-width:5px/thick/5px 10px/5px 10px 1px/5px 10px 1px medium border-color简写属性，设置元素的所有边框中可见部分的颜色，或为4 个边分别设置颜色。border-color:#0000ff border-color:#ff0000#00ff00#0000ff rgb(250,0,255)border-bottom简写属性，用于把下边框的所有属性设置到一个声明中。border-bottom-color设置元

10、素的下边框的颜色。border-bottom-style设置元素的下边框的样式。border-bottom-width设置元素的下边框的宽度。border-left简写属性，用于把左边框的所有属性设置到一个声明中。border-left-color设置元素的左边框的颜色。border-left-style设置元素的左边框的样式。border-left-width设置元素的左边框的宽度。border-right简写属性，用于把右边框的所有属性设置到一个声明中。border-right-color设置元素的右边框的颜色。border-right-style设置元素的右边框的样式。border-ri

11、ght-width设置元素的右边框的宽度。border-top简写属性，用于把上边框的所有属性设置到一个声明中。border-top-color设置元素的上边框的颜色。border-top-style设置元素的上边框的样式。border-top-width设置元素的上边框的宽度。CSS 外边距属性属性描述margin简写属性。在一个声明中设置所有外边距属性。margin-bottom设置元素的下外边距。margin-left设置元素的左外边距。p.leftmargin margin-left:2cm margin-right设置元素的右外边距。margin-top设置元素的上外边距。CSS 定

12、位属性属性描述position把元素放置到一个静态的、相对的、绝对的、或固定的位置中。position:relative;left:-20px/20px(相对定位)position:absolute;left:100px;(绝对定位)top:150px top定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。position:absolute;top:0px/top:5%right定义了定位元素右外边距边界与其包含块右边界之间的偏移。bottom定义了定位元素下外边距边界与其包含块下边界之间的偏移。left定义了定位元素左外边距边界与其包含块左边界之间的偏移。overflow设置当元

13、素的内容溢出其区域时发生的事情。overflow:scroll/hidden/auto clip设置元素的形状。元素被剪入这个形状之中，然后显示出来。position:absolute;clip:rect(0px 50px 200px 0px)vertical-align设置元素的垂直对齐方式。img.top vertical-align:text-top img.bottom vertical-align:text-bottom z-index设置元素的堆叠顺序。position:absolute;left:0px;top:0px;z-index:-1(默认的z-index 是 0。Z-in

14、dex-1 拥有更低的优先级)CSS 浮动float 属性的简单应用，使图像浮动于一个段落的右侧。img float:right/left/center 将带有边框和边界的图像浮动于段落的右侧，使图像浮动于段落的右侧。向图像添加边框和边界。float:right;border:1px dotted black;(边框)带标题的图像浮动于右侧，使带有标题的图像浮动于右侧float:right;width:120px;margin:0 0 15px 20px;padding:15px;border:1px solid black;text-align:center;使段落的首字母浮动于左侧，使段落

15、的首字母浮动于左侧，并向这个字母添加样式。span float:left;width:0.7em;font-size:400%;font-family:algerian,courier;line-height:80%;T 创建水平菜单，使用具有一栏超链接的浮动来创建水平菜单。ul float:left;width:100%;padding:0;margin:0;list-style-type:none;afloat:left;width:7em;text-decoration:none;color:white;background-color:purple;padding:0.2em 0.6em;border-right:1px solid white;a:hover background-color:#ff3300(鼠标放上去后变色)li display:inline Link one 创建无表格的首页，使用浮动来创建拥有页眉、页脚、左侧目录和主体内容的首页。清除元素的侧面img float:left;clear:both;（一排只放一个）