Table of Contents
CSS Code Style
Структура CSS-документа
/* Description: Styles for www.site.ru Author: Alexey Koromyslov Author URI: http://mozzy.ru Version: 1.0 */ /* CSS Reset — сброс CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; background: #fff; color: #000; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Global Elements — стили для основных тегов и классов: заголовков, списков, параграфов и т.п. */ ul {} p {} h1, h2, h3, h4, h5 {} .clear { clear: both; } /* Links — стили для ссылок, не забывайте про visited! */ a:link, a:visited {} a:hover, a:visited:hover {} a:visited {} a:visited:hover {} /* Structure — стили для основных элементов разметки */ #wrap {} #wrap-inner {} /* Header — стили для элементов, находящихся в заголовке */ #header {} #logo {} /* Navigation — стили для навигационного меню */ #nav ul {} /* Content — стили для внутренних элементов страниц */ #content p {} /* Pages — специфичные стили для отдельных страниц */ .about h2 {} /* Sidebar — стили для боковой панели */ #aside {} #aside .widget {} /* Sidebar Widgets — стили для блоков в боковой панели */ #aside .widget-news {} #aside .widget-news ul {} /* Footer — стили для элементов в подвале */ #footer p.copyright {}
Описание элемента
a { /* Шрифт */ font: normal normal normal 1em/1.5 'Lucida Grande', Tahoma, sans-serif; font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 1em; line-height: 1.6em; font-weight: normal; font-style: normal; font-variant: normal; font-effect: none; font-emphasize: accent; font-smooth: never; font-stretch: normal; white-space: normal; text-decoration: none; text-emphasis: none; text-indent: -9999px; text-justify: auto; text-outline: 0 0 #000; text-replace: none; text-wrap: normal; text-transform: uppercase; text-align: left; text-shadow: 0 0 0 #000; vertical-align: top; letter-spacing: 1; word-spacing: normal; /* Позиционирование */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; /* Отображение */ display: block; visibility: hidden; float: none; clear: none; overflow: hidden; zoom: 1; clip: auto; box-sizing: content-box; clip: rect(0 0 0 0); box-shadow: 0 0 0 #000; -webkit-box-shadow: 0 0 0 #000; -moz-box-shadow: 0 0 0 0 #000; opacity: 1; cursor: default; /* Специальные типы содержимого */ table-layout: fixed; caption-side: top; empty-cells: show; border-spacing: 0; border-collapse: collapse; list-style: none outside none; quotes: '\00AB' '\00BB' '\201E' '\201C'; content: normal; /* Размеры, отступы, рамка */ width: 0; height: 0; min-width: 0; max-width: 0; min-height: 0; max-height: 0; margin: 0; padding: 0; /* Оформление */ outline: 1px solid #000; border: 1px solid #000; border-radius: 0 0 0 #000; -webkit-border-radius: 0 0 0 #000; -moz-border-radius 0 0 0 #000: /* Печать */ page-break-before: auto; page-break-inside: auto; page-break-after: auto; /* Фон и цвет текста*/ background: #fff url('images/bg.png') no-repeat 0 0; color: #000; }
coding/css-code-style.txt · Last modified: 10/06/2010 15:35 by mozzy