css技术参考.docVIP

CSS技术参考 1.CSS样式单的使用方式 1.1内联式 格式：tag style=”attribute:value….” 说明：这是直接针对某个标记来定义属性的，使用简单，灵活。 1.2嵌入式 格式：HTML .HEAD…/HEAD .STYLE…/STYLE .BODY…./BODY /HTML 说明：这种定义方式只在本文本范围内有效，对于一些使用频繁的属性和格式定义很有效。 1.3链接式 格式：HEAD LINK rel=stylesheet herf=”stylefilename.css” type=”text/css” /HEAD 说明：当Web页加载时，浏览器会打开此样式页。并用其对本页进行处理。 这3种样式单的使用各有优点，在同时使用时，浏览器会采用内联式优先，嵌入式其次，链接式最后的方式进行优先级处理。 1.4样式单的书写语法 除了内联式样式单外，所有的样式单都遵循同样的基本语法，其设置方法有两种，平级型的设置格式为: Select[.class][,selector[.class]]…… {attribute1:value1； attribute2:value2； … attributen:valuen} 其中select用来表示样式如何在HTML页面内引用。它利用一个现有的HTML标记和一个可选项class来创建附加的子样式。所谓class就是一个选择符的子集，允许同样的元素拥有这些样式的变体。 另一种设置方法是级联型设置，即选择的样式适用范围与它上一级的标记有关，这种方法用来处理标记嵌套时样式的显示问题。其格式为： outer_selector inner_selector{attribute：value} 这就意味着当inner_selector 用于outer_selector之内时，就使用该样式。否则，在inner_selector的其他使用处将按照浏览器默认的方式进行处理。 2.CSS属性说明 2.1颜色和背景属性 color 说明：定义文本的颜色，其值可以是颜色的关键字、十六进制颜色值或rgb值 background-color 说明：设置样式背景色，设置方法同color。 background-image 说明：设置样式背景图像，显示于背景色上。属性值为url（），括号内为绝对或相对的URL地址。 background-repeat 说明：规定背景图像重复出现的形式（repeat：以普通方式平铺；repeat-x：指图像按一条水平线放置；repeat-y：指图像按一条垂直线放置）。 background-attachment 说明：定义背景图像是否可以滚动（fixed：背景固定；scroll：背景随文字的滚动而滚动）。 background-position 说明：指定背景图像的左上角坐标相对于该样式内容框的位置。设定方法有：使用关键字（水平位置：left、center、right，垂直位置：top、center、bottom）；使用百分比（即图像的左上角位置在样式内容框中的位置百分比，如：0%0%） background 说明：设置一系列背景元素的快捷方式，它将所有背景属性的值写在这一属性中。设定顺序为：background-color、background-image、background-repeat、background-attachment、background-position。 2.2字体属性 font-famly 说明:给出字体族列表。其值有：Serf、Sans serif、Cursive、Fansy、Monospace。 font-style 说明：指定字体的字型。其值有：normal、italic、oblique。 font-variant 说明：用于设置小型大写字母。其值有：normal、smallcaps。 font-weight 说明：设置字重。其值有：normal、bold。 font-size 说明：指定字体的大小，设定方法有：使用绝对尺寸（例如：10pt），使用相对尺寸（例如：smaller、larger），使用百分比尺寸。 font 说明：提供了设置字体属性的快捷方式。定义顺序为：font-style、font-variant、font-weight、font-size、ling-size、font-family。 2.3文本属性 word-spacin