常用CSS集合

Cascading Style Sheets（CSS）是一种用于描述网页样式的语言，通过CSS可以控制网页的外观和布局。下面是对常用CSS集合的解释： 按钮样式 在CSS中，按钮样式是通过使用选择器和声明来定义的。例如，`.ButtonCSS`选择器定义了一个按钮的基本样式，包括字体、字号、颜色、边框、背景图片等属性。这些属性可以单独地设置，也可以组合使用以达到不同的效果。 `.ButtonCSS`选择器中使用了多种样式，如字体样式、颜色样式、边框样式等。例如，`font-family: "Tahoma", "宋体"`设置了按钮的字体为Tahoma和宋体，并且字号为9pt。`color: #003399`设置了按钮的文本颜色为深蓝色。`border: 1px #003399 solid`设置了按钮的边框样式为实线，颜色为深蓝色。 蓝色按钮样式 蓝色按钮样式`.blueButtonCss`选择器继承了`.ButtonCSS`选择器的样式，并且添加了一些特殊的样式。例如，`background-image:url(../Images/blue_button_bg.gif)`设置了按钮的背景图片为蓝色按钮背景图片。`background-color: #ffffff`设置了按钮的背景颜色为白色。 红色按钮样式 红色按钮样式`.redButtonCss`选择器也继承了`.ButtonCSS`选择器的样式，并且添加了一些特殊的样式。例如，`background-image:url(../Images/redbuttonbg.gif)`设置了按钮的背景图片为红色按钮背景图片。 选择按钮样式 选择按钮样式`.selectButtonCss`选择器继承了`.ButtonCSS`选择器的样式，并且添加了一些特殊的样式。例如，`background-image:url(../Images/blue_button_bg.gif)`设置了按钮的背景图片为蓝色按钮背景图片。 绿色按钮样式 绿色按钮样式`.greenButtonCss`选择器继承了`.ButtonCSS`选择器的样式，并且添加了一些特殊的样式。例如，`background-image:url(../Images/green_button_bg.gif)`设置了按钮的背景图片为绿色按钮背景图片。 边框样式 边框样式是通过`border`属性来设置的。例如，`border: 1px #003399 solid`设置了按钮的边框样式为实线，颜色为深蓝色，宽度为1px。 背景图片 背景图片是通过`background-image`属性来设置的。例如，`background-image:url(../Images/blue_button_bg.gif)`设置了按钮的背景图片为蓝色按钮背景图片。 字体样式 字体样式是通过`font-family`和`font-size`属性来设置的。例如，`font-family: "Tahoma", "宋体"`设置了按钮的字体为Tahoma和宋体，`font-size: 9pt`设置了按钮的字号为9pt。 颜色样式 颜色样式是通过`color`属性来设置的。例如，`color: #003399`设置了按钮的文本颜色为深蓝色。 cursor样式 cursor样式是通过`cursor`属性来设置的。例如，`cursor: hand`设置了按钮的光标样式为手形光标。 CSS提供了丰富的样式设置，可以根据需要灵活地组合使用不同的样式以达到不同的效果。