关于css的知识点汇总

《关于css的知识点汇总》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS知识点总结CSS定义1.链接外部文件2.定义内部式样body{font-size:10px;}p{font:12px;color:black;}4.其他@import“style.css”;CSS规则结构选择器、属性和值selector{property:value;}例如：

2、font{color:blue;}class选择符class选择器以一个点号显示，例子：.center{text-align:center}ID选择符ID选择符的前面是#，例子：#red{color:red;}这个段落是红色。

3、是400，bold相当于700）字体格式-font-style指定斜体（italic草体风格斜体字，Oblique指标准倾斜）-text-decoration指定字体修饰（Underline“下划线”，overline“上划线”，line-through“删除线”，blink霓虹灯效果，用半角空格隔开之后就可以应用多个属性的值）CSS颜色及背景背景颜色-background-color:颜色背景图片-background-image:url(图片地址)，例子：body{background-image:url(/i/eg_bg_04.gif);

4、}背景图像的排列方式-background-repeat:排列方式，属性值：repeat——在水平和垂直方向上都是以瓷砖形式反复显示(初始值)repeat-x——只在水平方向重复显示repeat-y——只在垂直方向重复显示no-repeat——不重复只显示一个背景图像的显示位置-background-position:显示位置，属性值：数值或%来进行left和top的值就相当于是0%，center就相当于50%，right和bottom就相当于100%如果只指定了一个的话，那其余的就相当于指定的是center固定背景图像-background-

5、attachment：是否固定，属性值：fixed固定背景图像的位置scroll背景图像和其他内容一起滚动(初始值)CSS文本属性文本缩进-text-indent:数值文本对齐-text-align:行对齐方式，属性值：left、center、right、justify处理空白-white-space:空白处理，属性值：normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似HTML中的

标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。pre-wrap保留空白符序列，但是正常地进行
6、换行。pre-line合并空白符序列，但是保留换行符。行高-line-height:行高，属性值：normal默认。设置合理的行间距。number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。length设置固定的行间距。%基于当前字体尺寸的百分比行间距。纵向对齐-vertical-align:垂直方向的对齐，属性值：baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元
7、素的中部。bottom把元素的顶端与行中最低的元素的顶端对齐。text-bottom把元素的底端与父元素字体的底端对齐。length%使用"line-height"属性的百分比值来排列此元素。允许使用负值。文字间隔-word-spacing:单词间距字母间隔-letter-spacing:文字间距文本修饰-text-decoration:修饰，属性值：none默认。定义标准的文本。underline定义文本下的一条线。overline定义文本上的一条线。line-through定义穿过文本下的一条线。blink定义闪烁的文本（无法运行在IE和O
8、pera中）定位：把元素放置到一个静态的、相对的、绝对的、或固定的位置中positionstatic默认。位置设置为static的元素，它始终会处于页