styles.css

来自「本实例为一个完整的网上购物商城的完整例子程序,里面有所以的源代码.希望对大家学习」· CSS 代码 · 共 265 行

CSS
265
字号
.textblack 
{ 
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #000000; text-decoration: none;
}
.textblackbolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #000000; text-decoration: none; font-weight: bolder;
}
.textwhite
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FFFFFF; text-decoration: none;
}
.textwhitebolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FFFFFF; text-decoration: none; font-weight: bolder;
}
.textgray
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #808080; text-decoration: none;
}
.textgraybolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #808080; text-decoration: none; font-weight: bolder;
}
.textlightgray
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #CCCCCC; text-decoration: none;
}
.textlightgraybolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #CCCCCC; text-decoration: none; font-weight: bolder;
}
.textdarkgray
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #333333; text-decoration: none;
}
.textdarkgraybolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #333333; text-decoration: none; font-weight: bolder;
}
.textblue
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #0080FF; text-decoration: none;
}
.textbluebolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #0080FF; text-decoration: none; font-weight: bolder;
}
.textdarkblue
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #0066CC; text-decoration: none;
}
.textdarkbluebolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #0066CC; text-decoration: none; font-weight: bolder;
}
.textblackblue
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #003399; text-decoration: none;
}
.textblackbluebolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #003399; text-decoration: none; font-weight: bolder;
}
.textred
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FF6600; text-decoration: none;
}
.textredbolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FF6600; text-decoration: none; font-weight: bolder;
}
.textredprice
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FF6600; text-decoration: line-through;
}
.textredpricebolder
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FF6600; text-decoration: line-through; font-weight: bolder;
}
.copy
{
        font-family: Verdana; font-size: 12px; line-height: 18px; color: #333333; text-decoration: none;
}
.topicblack
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #000000; text-decoration: none;
}
.topicblackbolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #000000; text-decoration: none; font-weight: bolder;
}
.topicwhite
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #FFFFFF; text-decoration: none;
}
.topicwhitebolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #FFFFFF; text-decoration: none; font-weight: bolder;
}
.topicgray
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #808080; text-decoration: none;
}
.topicgraybolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #808080; text-decoration: none; font-weight: bolder;
}
.topiclightgray
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #CCCCCC; text-decoration: none;
}
.topiclightgraybolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #CCCCCC; text-decoration: none; font-weight: bolder;
}
.topicdarkgray
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #333333; text-decoration: none;
}
.topicdarkgraybolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #333333; text-decoration: none; font-weight: bolder;
}
.topicblue
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #0080FF; text-decoration: none;
}
.topicbluebolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #0080FF; text-decoration: none; font-weight: bolder;
}
.topicdarkblue
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #0066CC; text-decoration: none;
}
.topicdarkbluebolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #0066CC; text-decoration: none; font-weight: bolder;
}
.topicred
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #FF6600; text-decoration: none;
}
.topicredbolder
{
        font-family: 宋体; font-size: 14px; line-height: 18px; color: #FF6600; text-decoration: none; font-weight: bolder;
}
a:link
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #333333; text-decoration: none;
}
a:visited
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #333333; text-decoration: none;
}
a:hover
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #808080; text-decoration: none;
}
a:active
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #333333; text-decoration: none;
}
a.white:link
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FFFFFF; text-decoration: none;
}
a.white:visited
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FFFFFF; text-decoration: none;
}
a.white:hover
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #DDEEFF; text-decoration: none;
}
a.white:active
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FFFFFF; text-decoration: none;
}
a.blue:link
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #0066CC; text-decoration: none;
}
a.blue:visited
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #0066CC; text-decoration: none;
}
a.blue:hover
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #3399FF; text-decoration: none;
}
a.blue:active
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #0066CC; text-decoration: none;
}
a.red:link
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FF6600; text-decoration: none;
}
a.red:visited
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FF6600; text-decoration: none;
}
a.red:hover
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FFCC00; text-decoration: none;
}
a.red:active
{
        font-family: 宋体; font-size: 12px; line-height: 18px; color: #FF6600; text-decoration: none;
}
a.en:link
{
        font-family: Verdana; font-size: 9px; line-height: 12px; color: #0066CC; text-decoration: none;
}
a.en:visited
{
        font-family: Verdana; font-size: 9px; line-height: 12px; color: #0066CC; text-decoration: none;
}
a.en:hover
{
        font-family: Verdana; font-size: 9px; line-height: 12px; color: #3399FF; text-decoration: none;
}
a.en:active
{
        font-family: Verdana; font-size: 9px; line-height: 12px; color: #0066CC; text-decoration: none;
}
.border
{
        border: 1px solid #000000;
}
.borderwhite
{
        border: 1px solid #FFFFFF;
}
.bordergray
{
        border: 1px solid #808080;
}
.borderblue
{
        border: 1px solid #0080FF;
}
.borderdarkblue
{
        border: 1px solid #0066CC;
}
.formselect
{
        border: 1px solid #0066CC; font-family: "宋体"; font-size: 12px; color: #0066CC; text-decoration: none; background-color: #DDEEFF;
}
.formselectwhite
{
        border: 1px solid #0066CC; font-family: "宋体"; font-size: 12px; color: #0066CC; text-decoration: none; background-color: #FFFFFF;
}
.forminput
{
        border: 1px solid #0066CC; font-family: "宋体"; font-size: 12px; color: #0066CC; text-decoration: none; background-color: #DDEEFF;
}
.forminputwhite
{
        border: 1px solid #0066CC; font-family: "宋体"; font-size: 12px; color: #0066CC; text-decoration: none; background-color: #FFFFFF;
}

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?