0 дауыс
283 көрілді
Мысалы:

a:link, a:visited        { color: #000; text-decoration: none }
a:hover      { color: #2f4f4f; }
.alarm a:link, .alarm a:visited { color: white; font-size: x-small }
.tmn a:link, .tmn a:visited, .fmenu a:link, .fmenu a:visited   { text-decoration: none; }
.footer a:link, .footer a:visited  { color: #fff; text-decoration: none }
.end a:link, .footer a:visited { color: #fff ; text-decoration: none }
.bmenu a:link, .footer a:visited { color: #fff ; text-decoration: none }

body        { color: #000; font-size: 12px; font-family: Tahoma;
background-color: #e6e7e6; background-image: url(images/background.gif);
background-attachment: fixed; background-position: 0; margin: auto; max-width: 400px; border: solid 1px #b7b8b7 }
form{
padding: 0px;
margin: 0px;
font-size: small;
}
div  { background-color: #fff }
hr{
margin: 0;
border: 0;
border-top: 1px solid gray;
}
.a { background-color: #ffffff; margin-bottom: 3px; padding: 2px; border: solid 1px #303030 }

.alarm  { font-weight: bold; padding: 3px 0 3px 4px; border-width: 1px; border-color: #303030 }
.b{
padding: 2px;
margin: 0px;
background-color: #e8e8e8;
}

.c{
padding: 2px;
margin: 0px;
background-color: #ffffff;
}

.end    { background-color: #4074a4; text-align: center }

.fmenu  { margin: 0; padding: 3px 1px 5px 3px }
.hdr { font-weight: bold; background-color: #f1f1f1; padding-left: 2px; border-bottom: 1px solid #303030 }
.logo      { background-color: #a1a2a1; background-image: url(images/logobg.gif);
background-position: 0; border-bottom: 1px solid #b7b8b7 }
.header        { color: #fff; background-color: #a1a2a1;
background-image: url(images/hf.gif); margin: 0; padding: 3px; border-bottom: 1px solid #5e7584;  }
.maintxt { font-weight: normal }

.menu   { background-color: #fff; background-image: url(images/c.gif); margin: 0; padding: 2px 0 3px 4px;  }

.rmenu  { margin: 0; padding: 2px 0 3px 4px; border-width: 1px; border-color: #303030 }

.gmenu  { margin: 0; padding: 2px 0 3px 4px; border-width: 1px; border-color: #303030 }

.bmenu       { color: #fff; background-color: #b9bab9; background-image: url(images/hf.gif);
margin: 0; padding: 2px 0 3px 4px; border-bottom: 1px solid #5e7584;  }

.quote{
font-size: x-small;
padding: 2px 0px 2px 4px;
color: #878787;
border-left: 3px solid #c0c0c0;
}

.red{
color: red;
}

.redhr{
margin: 0;
border: 0;
border-top: 3px solid red;
}

.tmn  { background-image: url(images/c.gif); margin: 0; padding: 5px 0 5px 4px; border-top: 3px none #45515d }
.tmn a:hover, .fmenu a:hover{
text-decoration: underline;
}

.reply{
padding: 2px 0px 2px 4px;
border-left: 4px solid red;
color: red;
}

.func { color: gray; padding: 2px 0 2px 4px; border-left: 4px solid #c6c6c6 }

.phdr { color: black; font-weight: bold; padding: 6px 0 8px 4px; border-bottom: 3px solid white }

.footer        { color: #fff; background-color: #a1a2a1;
background-image: url(images/hf.gif); margin: 0; padding: 3px 0 4px 4px; border-bottom: 1px solid #5e7584; }
.status { color: #494949; font-weight: bold }

1 жауап

+2 дауыс

HTML-ден мысалы <div class="maksatstyle"> болса онда СSS-ке .maksatstyle {color: #fff; background-color: #b9bab9; background-image: url(images/hf.gif}

 

ал Псевдо элементке

a:link, a:visited        { color: #000; text-decoration: none }
a:hover      { color: #2f4f4f; }

Онда мен мысалға көрсеткен дизайыннын Дополнительный клас style қандай болады
әне тұр ғой сенде .footer деген мысалға
Белгісіз
...