当前位置: 首页 > 工具软件 > Classic Shell > 使用案例 >

CSS_Classic_Original

侯兴为
2023-12-01
abcdefghijklmnopqrstuvwxyz123{}
body {
    font-size : .9em;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin : 0px;
}

a:visited,
a:active,
a:link {   
    color: Navy;
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}

h1 {
    margin : 0px;
    font-size : 1.5em;
}

h1 a:visited,
h1 a:active,
h1 a:link {
    color : #000;
}

h1 a:hover {
    color : #47F;
    text-decoration : none;
}

h2 {
    margin-top : 10px;
    font-size : 1em;
}

h3 {
    font-size : 1.2em;
}

h5 {
    margin: 0px;
    padding: 0px;
}

p
{
    font-size: 10pt;
    margin: 10px 0px;
}

div.News
{
    font-size: 10pt;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px;
    padding-left: 10px;
}

div.dateTitle
{
    margin-top: 10px;
    font-weight: bold;
    font-size: 10pt;
    text-align: right;
}

.HeaderTitles
{
    font-familyXXX: "Trebuchet MS";
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{
    color: Black;
    text-decoration : none;
    font-size: .75em;
    font-weight: normal;
}

.HeaderBar
{
    font-weight: normal;
    font-size: 9pt;
    border-collapse: collapse;
    background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabBack.jpg);
   background-repeat:repeat-x;
}

.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{
    color: Black; /*WhiteSmoke;*/
    text-decoration: none;
    font-weight: normal;
}

.HeaderBarTab
{
    background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabFace.jpg);
   background-repeat:repeat-x;
   border-collapse: collapse;
   padding: 0px;
}

.BlogStatsBar
{
    text-align:right;
    font-weight: normal;
    font-size: 7pt;
    color: Silver;
    border-collapse:collapse;
}

p.date img {
    vertical-align : middle;
}

p.date {
    font-size : 0.9em;
    font-weight : bold;
    margin-bottom : 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 4px;
    text-align: right;
}

blockquote {
    font-style : italic;
}

div.postTitle a:visited,
div.postTitle a:active,
div.postTitle a:link
{
    color: Navy;
    text-decoration : none;
}

div.post
{
    border-right: gainsboro 2px solid;
    border-top: gainsboro 2px solid;
    border-left: gainsboro 2px solid;
    border-bottom: gainsboro 2px solid;
}

div.postTitle
{
    padding-left: 3px;
    font-weight: bolder;
    font-size: 10pt;
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: gainsboro 1px solid;
    background-color: whitesmoke;
}

div.postText
{
    padding-right: 10px;
    padding-left: 3px;
    font-size: 10pt;
    padding-bottom: 3px;
    padding-top: 3px;
}

div.postFoot
{
    background-color: WhiteSmoke;
    border-top: gainsboro 1px solid;
    font-size: 9pt;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 1px;
    padding-top: 1px;
    text-align: right;
}

#top
{
    background-image: url(http://blog.csdn.net/skins/cogitation/images/BlueTabBackground.gif);
   background-repeat: repeat;
    color : WhiteSmoke;
    border-top : 4px solid Black;
    border-bottom : 4px solid Black;
    padding: 0px;
    margin: 0px;
}

#tagline {
    font-size : 0.8em;
    margin : 0px;
    color: White;
}

#leftmenu {
    position : absolute;
    left : 0px;
    width : 180px;
    height:auto;
    background-color: WhiteSmoke;
    padding-top: 5px;
}

#leftmenu h3 {
    font-size : 0.8em;
    margin : 0px;
    margin-top : 10px;       
    padding-bottom: 2px;
    padding-left: 3px;
    border-top: solid 1px Gainsboro;
}

#leftmenu ul {
    list-style: none;
    margin : 0px;
    padding-left : 5px;
    margin-left : 5px;
    margin-bottom : 10px;
    font-size : 9pt;
}

#leftmenu ol
{
    padding-left: 5px;
    list-style-position: inside;
    font-size: 9pt;
    margin: 0px 5px 10px;
    list-style-type: decimal;
}

#leftmenu li
{
    font-size: 9pt;
    margin-bottom: 5px;
    WORD-BREAK: break-all;
    WORD-WRAP: break-word;
}

#leftmenu a
{
    padding: 1px;
    text-decoration: none;
}

#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link
{
}

#leftmenu a:hover
{
    font-style:italic;
}

#main {
    margin-left : 180px;   
    background-color : White;
    padding : 10px;
    border-left : 1px solid #555;
    border-bottom : 4px solid Black;
}

#footer {
    margin : 0px;   
    padding-top : 5px;
    text-align : center;
    font-size : 0.7em;
}

input, textarea
{
    font-size: 1.0em;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;   
}

.CommentForm
{
    font-size: 9pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Button
{
    border: 1px solid SteelBlue;
    background-color: gainsboro;
}

.Tag{padding:5px 0 5px 6px;}
.Tag span { float:left; font-size:12px;}
.Tag ul{ float:left; list-style-type:none;margin:0 0 0 4px;padding:0;}
.Tag li{ float:left; font-size:12px; line-height:20px;padding:0 15 0 0px;}
.Tag li a{text-decoration:underline;}
.Tag li a:hover{text-decoration:underline;}

#ToolTipBkg
{
   border: 1px solid rgb(109, 49, 19); color: rgb(0, 0, 102);
   display: none;
   position: absolute;
   background-color: rgb(255, 153, 51);
}
#ToolTilContent
{
  position: absolute;
  display: none;
  color: black;
}
#photos
{
    /*border : 1px solid orange;*/
    width : 180px;
    height : 150px;
    text-align:center
}
#pho
{
    /*border : 1px groove black;*/
    background-color: black;
    width :  150px;
    height : 115px;
    position: relative;
}
#btnPP
{
    position: relative;
    width :30px;
    height :30px;
    left : 0px;
    top : 5px;
    bottom: 5px;
    margin : 2px;
    background-image: url("https://p-blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_pause_30_0.gif");
}

#btnStop
{
   position: relative;
    width :20px;
    height :20px;
    left : 0px;
    top : 5px;
    margin : 2px;
    background-image: url("https://p-blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_stop_20_0.gif");
 }
#btnPrev
{
   position: relative;
    width :20px;
    height :20px;
    left : 0px;
    top : 5px;
    margin : 2px;
    background-image: url("https://p-blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_previous_20_3.gif");
}
#btnNext
{
    position: relative;
    width :20px;
    height :20px;
    left : 0px;
    top : 5px;
    margin : 2px;
    background-image: url("https://p-blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_next_20_0.gif");
}
#btnFull
{
   position: relative;
    width :20px;
    height :20px;
    left : 0px;
    top : 5px;
    margin : 2px;
    background-image: url("https://p-blog.csdn.net/images/p_blog_csdn_net/norsd/227036/o_button_full_0.gif");
}
/*
修改这个文件没有任何实际意义,必须修改同名+raw文件。
但是应该使这两个文件相一致!
FAQ:
Q1: 如何更新同名raw文件
 A1: 打开raw文件,按“源文件”按钮,输入内容。发表即可。 
Q2:第一个属性abcd.....xyz12..9 有什么意义?
A2:没有实际意义。因为由于css与html混合,所以第一个属性块无法正确读取。所以人为制造一个不需要属性块。否则原来第一个属性块(BODY)将无法被正确识别。你可以试试看,可以看到margin出了点问题。呵呵。

注意事项:
1.前段时间发生一种情况,就是格式都对,但是背景图像无法显示。后来发现是在粘贴时,某一个环节造成url(...)变成了 url
(...)
这种情况造成了无法正确识别url的问题!
*/
 类似资料:

相关阅读

相关文章

相关问答