Вот как писать CSS-код

Автор：Eve Cole Время обновления：2025-01-21 13:33:52

/*То, что я использую сейчас, изменено на основе версии Дэна, упрощено и отформатировано*/
/*На самом деле это не самый простой шаблон, просто посмотрите на этот http://hi.baidu.com/nagato_yuki/css/item/af51f3de5971235494ee379b.css*/

a,a:ссылка,a:активный,a.on,a.on:посещено
{
цвет:#000000!важно;
текстовое оформление: нет
}

а: наведите курсор
{
текстовое оформление: подчеркнуть
}

тело
{
семейство шрифтов: «Microsoft Yahei», без засечек;
фон:url(<A href="/u/info_img/2009-06/12/4256bbefadc04dfbce1b3e07.jpg)
}

/*голова*/
#header
{
высота: 200 пикселей;
отступ слева: 120 пикселей;
фон:url(<A href="/u/info_img/2009-06/12/d6ca82771cecae0eb151b93f.jpg) центр без повторов
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:посещено
{
дисплей: нет
}

#headerdiv.desc
{
верх: 125 пикселей;
слева: 500 пикселей;
цвет: #fff;
размер шрифта: 12 пикселей;
семейство шрифтов: "Microsoft Yahei", без засечек
}

#таблица
{
дисплей: нет
}

#tab
{
слева: 150 пикселей;
верх: 170 пикселей;
фон: нет
}

#tab a:link,#tab a:hover
{
размер шрифта: 12 пикселей;
цвет фона: нет;
текстовое оформление: нет;
цвет:#000000!важно
}

#tab a:посещено,#tab a.on
{
размер шрифта: 12 пикселей;
цвет фона: нет;
цвет:#FFFFFF!важно
}

#tab диапазон
{
дисплей: нет
}

.этап
{
выравнивание текста: по центру;
фон:url(<A href="/u/info_img/2009-06/12/6e546254f8773740564e00d5.jpg) центр повтора
}

.stagepad
{
ширина: 740 пикселей;
маржа: 0 авто
}

#макет
{
макет таблицы: фиксированный;
ширина: 740 пикселей;
маржа: 0 авто
}

#макет
{
поле сверху: -10 пикселей
}

#layout td.c1t1,#layout td.c2t1,#layout td.c2t3,#layout td.c3t1,#layout td.c3t3,#layout td.c3t5
{
отступ-верх: 10 пикселей
}

#макет td.c2t3
{
цвет фона: # f8f8f8
}

#макет td.c2t1
{
border-bottom:1px сплошной #808080
}

#макет td.c2t3
{
border-bottom:1px сплошной #808080
}

#макет td.c2t2
{
правая граница: 1 пиксель сплошной #f8f8f8;
border-bottom:1px сплошной #808080
}

#comm_info
{
цвет:#000;
семейство шрифтов: «Microsoft Yahei», без засечек;
выравнивание текста: по левому краю
}

#comm_infodiv.line
{
маржа сверху: 5 пикселей;
высота строки: 8 пикселей;
фон:url(<A href=") без повтора внизу;
отступ-дно: 40 пикселей;
поле снизу: 10 пикселей
}

#страница
{
высота: 30 пикселей;
размер шрифта: 14 пикселей;
семейство шрифтов: «Microsoft Yahei», без засечек;
выравнивание текста: вправо
}

.мод
{
поле снизу: 10 пикселей
}

.modth
{
высота: 24 пикселей
}

.modhead
{
отступ: 4px4px04px
}

.modopt
{
отступ: 4px4px00
}

.modtit
{
цвет:#000;
размер шрифта: 12 пикселей;
семейство шрифтов: «Microsoft Yahei», без засечек;
начертание шрифта:жирный
}

а.модтит
{
цвет:#000
}

a.modtit:посетил
{
цвет:#000
}

.modtitlink
{
цвет:#000;
размер шрифта: 12 пикселей;
начертание шрифта:жирный
}

a.modtitlink
{
цвет:#000;
текстовое оформление: нет
}

a.modtitlink:посещено
{
цвет:#000;
текстовое оформление: нет
}

a.modtitlink:наведите курсор
{
цвет:#000;
текстовое оформление: подчеркнуть
}

.modact
{
цвет:#000;
размер шрифта: 12 пикселей;
семейство шрифтов: «Microsoft Yahei», без засечек;
текстовое оформление: нет
}

a.modact: ссылка
{
цвет:#000
}

a.modact:посетил
{
цвет:#000
}

a.modact:наведите курсор
{
цвет:#000;
;
текстовое оформление: подчеркнуть
}

.modbox
{
отступ: 10 пикселей 10 пикселей 0 10 пикселей;
цвет фона: нет
}

.modtl
{
фон: нет
}

.modtc
{
фон: нет
}

.modtr
{
фон: нет
}

.modbl
{
фон: нет
}

.modbc
{
фон: нет
}

.modbr
{
фон: нет
}

/*Область статьи*/
#m_blog div.tit,#m_blog div.tit a,#m_blog div.tit a:visited,#m_blog div.tit a:hover
{
цвет:#000;
размер шрифта: 16 пикселей;
вес шрифта: жирный;
семейство шрифтов: «Microsoft Yahei», без засечек;
поле снизу: 20 пикселей
}

#m_blogdiv.cnt
{
цвет: #555;
высота строки: 26 пикселей;
размер шрифта: 13 пикселей;
семейство шрифтов: «Microsoft Yahei», без засечек;
поле снизу: 20 пикселей
}

#m_blog div.cnt a,#m_blog div.cnt a:visited,#m_blog div.cnt a:hover
{
оформление текста: подчеркнуть! важно
}

#m_blog div.more,#m_blog div.more a,#m_blog div.more a:visited,#m_blog div.more a:hover
{
выравнивание текста: вправо;
поле снизу: 20 пикселей;
}

#m_blog div.opt,#m_blog div.opt a,#m_blog div.opt a:посещено
{
размер шрифта: 12 пикселей;
текстовое оформление: нет;
семейство шрифтов: «Microsoft Yahei», без засечек;
выравнивание текста: вправо;
поле снизу: 20 пикселей;
}

#m_blog div.opt a:hover
{
текстовое оформление: подчеркнуть
}

#m_blog div.line
{
поле-верх: 17 пикселей;
высота строки: 17 пикселей;
border-top:1px#000000пунктирный;
поле снизу: 20 пикселей
}

#m_blog div.none
{
отступ: 100 пикселей 0 100 пикселей 0;
цвет:#000;
размер шрифта: 14 пикселей
}

/*Личная файловая область*/
#m_pro а
{
семейство шрифтов: «Microsoft Yahei», без засечек;
текстовое оформление: нет
}

#m_pro а:посетил
{
текстовое оформление: нет
}

#m_pro а:наведите курсор
{
текстовое оформление: подчеркнуть
}

#m_prodiv.image
{
выравнивание текста: по центру
}

#m_prodiv.act
{
поле сверху: 10 пикселей
}

#m_prodiv.user
{
маржа сверху: 10 пикселей;
цвет:#000;
размер шрифта: 12 пикселей;
вес шрифта: жирный;
семейство шрифтов: "Microsoft Yahei", без засечек
}

#m_prodiv.desc
{
цвет: #666;
размер шрифта: 12 пикселей;
семейство шрифтов: "Microsoft Yahei", без засечек
}

#m_pro div.line
{
поле-верх: 17 пикселей;
высота строки: 17 пикселей;
border-top:1px пунктир #E4E2DA
}

#m_pro тд
{
цвет: #666;
высота строки: 24 пикселей;
размер шрифта: 14 пикселей;
семейство шрифтов: «Microsoft Yahei», без засечек;
}

#m_albumdiv.image
{
выравнивание текста: по центру
}

#m_album div.page
{
цвет: #666;
размер шрифта: 12 пикселей;
выравнивание текста: по центру
}

#m_albumdiv.pagea
{
цвет: #666;
размер шрифта: 12 пикселей
}

#m_album div.page a:посещено
{
цвет:#666
}

#m_links div.item,#m_mylink1 div.item,#m_mylink2 div.item,#m_mylink3 div.item,#m_mylink4 div.item
{
цвет: #666;
размер шрифта: 12 пикселей;
семейство шрифтов: «Microsoft Yahei», без засечек;
}

#m_links div.item a,#m_mylink1 div.item a,#m_mylink2 div.item a,#m_mylink3 div.item a,#m_mylink4 div.item a,#m_links div.item a:visited,#m_mylink1 div.item a :visited,#m_mylink2 div.item a:visited,#m_mylink3 div.item a:visited,#m_mylink4 div.item a:visited,#m_artclg div.item a,#m_artclg div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_comment div.item a,#m_comment div.item a:visited,#m_comment div.item a.cnt:hover,#m_cang div.item a,#m_cang div.item a:visited, #m_friblog div.item a,#m_friblog div.item a:visited,#m_friblog div.item a:visited,#m_friblog div.item a.cnt,#m_friblog div.item a.cnt:visited,#m_friblog div.item a.cnt:hover
{
размер шрифта: 12 пикселей;
вес шрифта: нормальный;
семейство шрифтов: «Microsoft Yahei», без засечек;
текстовое оформление: нет
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited,#tabline,#tabspan,#m_blog div.date,#m_comment_post div.toolbarstrip,#m_comment_post div.toolbaritem,#in_send div.toolbarstrip,#in_send div.toolbaritem,#mod_info,#m_comment_post,#m_mylink2 div.line,#m_mylink3 div.line,#mod_artclg div.line,#mod_filed div.line,#vercode,#yanzheng,#m_pro div.userinfo,#m_proa.btfan
{
фон:#прозрачный;
дисплей: нет
}

#m_mylink2 div.item,#m_mylink3 div.item,#mod_artclg div.item,#mod_filed div.item
{
плавать: влево;
высота: 20 пикселей;
отступ: 5 пикселей
}