• CSS各种属性全集


    [背景]属性共有六项:


    「背景颜色」(background-color),设置背景颜色。 
    「背景图像」(background-image),设置网页背景图像。 
    「重复」(background-repeat),控制背景图像的平铺方式,有不重复(no-repeat)、重复(repeat,沿水平、垂直方向平铺)、横向重复(repeat-X,图像沿水平方向平铺)和纵向重复(repeat-Y,沿图像垂直方向平铺)等4种选择。 
    「附加」(background-attachment),用于控制背景图像是否会随页面的滚动而一起滚动。有固定(fixd,文字滚动时,背景图像保质固定)和滚动(scroll,背景图像随文字内容一起滚动)两种选择。 
    「水平位置」/「垂直位置」(background-position),确定背景图像的水平、垂直位置 
    。共有左对齐(left)、右对齐(right)、顶部(top)、底部(bottom)、居中(center)和值(自定义背景图像的起点位置,可使用户对背景图像的位置做出更精确的控制)等6种选择。

    [类型]属性共有九项:


    「字体」(font-family),设定时,需考虑浏览器中有无该字体。 
    「大小」(font-size),注意度量单位。 
    「粗细」(font-weight),除了normal(正常)、bold(粗体)、bolder(特粗)、lighter(细体)外,还有9种以像素为度量为单位的设置方式。 
    「样式」(font-style),也就是字型。 
    「行高」(line-height),就是行距。注意,行距只能以是字体大小值为 
    「变形」(font-variant),可以将正常文字一半尺寸后大写显示,但IE目前不支持这项属性。 
    「大小写」(text-transform),这项属性能轻而易举地控制字母大小写,有首字大写(capitalize、大写(uppercase)、小写(lowercase)和无(none,使所有继承文字和变形参数被忽略,文字将以正常形式显示)等4种。 
    「修饰」(text-decoration),用于控制链接文本的显示形态,有下划线(underline)、无下划线(overline)、删除线(line-through)、闪烁(blink)和无(none ,使上述效果均不会发生)等5种修饰方式。但IE4不支持文字闪烁。


    [区块]属性共有六项:


    「单词间距」(word-spacing),主要用于控制文字间相隔的距离。有正常(normal)和值(自定义间隔值)两种选择方式。当选择值时,可用的单位有英吋(in)、厘米(cm)、毫米(mm)、点数(pt)、12pt字(pc)、字体高(em)、字体x有高(ex)像素(px)。 
    「字母间距」(letter-spacing),其作用与字符间距类似,也有正常(normal)和值(自定义间隔值)两种选择方式。 
    「垂直对齐」(vertical-align),控制文字或图像相对于其母体元素的垂直位置。如将一个2×3像素的GIF图像同其母体元素文字的顶部垂直对齐,则该GIF图像将在该行文字的顶部显示。共有基线(baseline,将元素的基准线同母体元素的基准线对齐)、下标(sub,将元素以下标的形式显示),上标(super,将元素以上标的形式显示)、顶部(top ,将元素顶部同最高的母体元素对齐)、文本顶对齐(text-top,将元素的顶部同母体元素文字的顶部对齐)、中线对齐(middle,将元素的中点同母体元素的中点对齐)、底部(bottom,将元素的底部同最低的母体元素对齐)及值(自定义)等9种选择。 
    「文本对齐」(text-align),设置块的水平对齐方式。共有左对齐(left)、右对齐(right)、居中(center)和均分(justify)等4种选择。 
    「文字缩进」(text-indent),控制块的缩进程度。 
    「空白间距」(white-space),在HTML中,空格是被省略的;在CSS中则使用属性(white-space)控制空格的输入。共有正常(normal)、保留(pre)和不换行(nowrap)等3种选择。 

    [边框]的属性有3项:


    「宽」(border-width),控制边框的宽度,其中分为4个属性:border-top-width顶边框的宽度、border-right-width右边框的宽度、border-bottom-width底边框的宽度、border-left-width左边框的宽度。 
    「颜色」(border-color),设置各边框的颜色。若要使边框的四边显示不同的颜色,可在设置中分别列出。如, 
    p{: #ff0000 #009900 #0000ff #55cc00} 
    浏览器将四种颜色依次理解为:上边框、右边框、底边框和左边框(自上开始顺时针)。 
    「样式」(border-style),设定边框的样式,共有无(none)、虚线(dotted)、点划线线(dotted)、点划线(dashed)、实线(solid)、双线(double )、槽状(grove)、脊状(ridge)、凹陷(inset)和凸起(outset)等9种。 

    「盒子」属性共有6项:


    「宽」(width),确定盒子本身的宽度,可以使盒子的宽度不依靠它所包含的内容多少。 
    「高」(height),确定盒子本身的高度。 
    「浮动」(float),设置块元素的浮动效果。 
    「清除」(clear),用于清除设置的浮动效果。 
    「边距」(margin),控制围绕边框的边距大小。其中包含4个属性:margin-top控制上边距的宽度、margin-right控制右边距的宽度、margin-bottom控制下边距的宽度、margin-left控制左边距的宽度。 
    「边界」(padding),确定围绕块元素的空格填充数量,其中包含4个属性「padding-top控制上留白的宽度、padding-right控制右留白的宽度、padding-bottom控制下留白宽度、padding-left控制左留白的宽度。 

    [列表]属性共有3项:


    「类型」(list-style-type),确定列表每一项前使用的符号,共有圆点(disc)、圆圈(circle)、方形(square)、数字(decimal)、小写罗马数字(lower-roman )、大写罗马数字(upper-roman)、小写字母(lower-alpha)和大写字母(upper-alpha)等8种。 
    「项目图像」(list-style-image),其作用是将列表前面的符号换为图形。 
    「位置」(list-style-position),用于描述列表位置,有内(outside)和外(inside)两种选择。 

    [定位]属性共有6项:


    「类型」(position),用于确定定位的类型,共有绝对(absolute)、相对(relative)和静态(static)等3种选择。 
    「Z轴」(z-index),用于控制网页中块元素的叠放顺序,可为元素设置重叠效果。该属性的参数值使用纯整数,值为0时,元素在最下层,适用于绝对定位或相对定位的元素。 
    「显示」(visibility)使用该属性可将网页中的元素隐藏,共有继承(inherit,继承母体要素的可视性设置)、可见(visible)和隐藏(hidden)等3种选择。 
    「溢出」(overflow),在确定了元素的高度和宽度后,如果元素的面积不能全部显示元素中的内容时,该属性做一日和尚撞一天钟起作用了。其中共有可见(visible,扩大面积以显示所有内容)、隐藏(hidden,隐藏超出范围的内容)、滚动(scroll,在元素的右边显示一个滚动条)和自动(auto,当内容超出元素面积时,显示滚动条)等4种选择。 
    「定位」,当为元素确定了绝对定位类型后,该组属性决定元素在网页中的具体位置。该组属性包含4个子属性,分别是「左」(属性名为「left」,控制元素左边的起始位置)、「上」(属性名为「top」,控制元素上面的起始位置)、 「宽」或「高」(与「盒子」类属性面板中「宽」或「高」的属性作用相同)。 
    「剪辑」(clip),当元素被指定为绝对定位类型后,该属性可以把元素区域切成各种形状,但目前提供的只有方形一种。属性值为rect(top right bottom left),即: 
    rect(top right bottom left),属性值的单位为任何一种长度单位。 

    [扩展]属性共有两部分:


    「分页」,其中两个属性的作用是为打印的页面设置分页符。 「之前」(page-break-before);「之后」(page-break-after)。 
    「视觉效果」,其中两个属性的作用是为网页中的元素施加特殊效果。 「光标」(cusor),可以指定在某个元素上要使用的光标形状,共有15种选择方式,分别代表鼠标在Windows操作系统中的各种形状。另外它还可以指定指针图标的URL地址;「滤镜」(fiter),可以为网页中元素施加各种奇妙的滤镜效果,共包含有16种滤镜。

  • 相关阅读:
    DataAnnotations
    使用BizTalk实现RosettaNet B2B So Easy
    biztalk rosettanet 自定义 pip code
    Debatching(Splitting) XML Message in Orchestration using DefaultPipeline
    Modifying namespace in XML document programmatically
    IIS各个版本中你需要知道的那些事儿
    关于IHttpModule的相关知识总结
    开发设计的一些思想总结
    《ASP.NET SignalR系列》第五课 在MVC中使用SignalR
    《ASP.NET SignalR系列》第四课 SignalR自托管(不用IIS)
  • 原文地址:https://www.cnblogs.com/azumia/p/2512489.html
Copyright © 2020-2023  润新知