QR-код адреса статьи


Каскадные Таблицы Стилей / Вспомогательные классы

Каскадные Таблицы Стилей / Вспомогательные классы


Лично мне, иногда, при верстке очередной страницы или изменении существующей, требуется (или просто хочется) добавить несколько простейших параметров стилей. Писать определение стиля в разметке не очень хочется, не только из-за того, что это набор достаточно длинной строки, но и потому, что это определение потом может остаться в разметке навсегда (как говориться: нет ничего постояннее временного). Кроме того, в каждом отдельном файле CSS-стилей порой валяются одни и те же классы стилей в одну строчку. Давно собирался определить для себя некую библиотеку с набором таких стилей и с установленным навсегда названиями. И вот такой получился результат.

xclasses.css

Примитивная демонстрация применения этих классов доступна по этому адресу.

/*"w-" -- width"t-" -- text"b-" -- block"l-" -- list*/.clear-both{clear: both;}.w-full{width: 100%;}.w-half{width: 50%;}/* Block */.b-inline{display: inline;}.b-center{margin: 0 auto;}.b-float{float: left; }.b-floatr{float: right;}/* Text */.t-right{text-align: right;}.t-left{text-align: left;}.t-center{text-align: center;}.t-middle{vertical-align: middle;}.t-bold{font-weight: bold;}/* State */.error{color: #F00;}.warn{color: #FF0;}.ok{color: #0F0;}.hidden{display: none;}/* List */ul.l-nostyle{list-style-type: none; }ul.l-nopad,ul.l-nopad > li{padding: 0;margin: 0;}ul.l-flat > li{display: inline;}/* Border */.border-all > *,.border{border: solid 1px;}/* Links */.lnk-nounderline{text-decoration: none;}.lnk-border{text-decoration: none;border-bottom: dashed 1px;}/**/.enum{padding-left: 10px;}


Пояснения

Для чего это нужно. Лично мне эти классы нужны в процессе подготовки разметки, в процессе работы над страницами.
Когда это не следует использовать. Окончательный вариант ваших страниц не должен содержать эти классы или должен содержать их в минимальном количестве, поскольку, по-хорошему, все элементы страниц должны иметь свои классы со строгим определением стилей.

Этот набор делался под себя, пока он не включает в себя многие другие необходимые стили. Но это вопрос времени и желания, в настоящий момент, этот набор меня удовлетворяет. Для собственного использования, полагаю, может потребоваться смена константных значений, например, для класса ".enum". Если кому-нибудь этот набор классов покажется интересным, предлагаю его дополнить или улучшить.

PS: прошу всех противников создания своих велосипедов проходить мимо, мне ваше мнение заранее известно

_________
Текст подготовлен в ХабраРедакторе

(C) XaocCPS


Из всех способов сетевой коммуникации мы предпочитаем работу по электронной почте. Это позволяет отслеживать все этапы деловой переписки.
Пишите нам по адресу mail@tcse-cms.com

Мы в социальных сетях

Твиттер: twitter.com/tcsecms
Фейсбук: facebook.com/pages/TCSE-cms
Вконтакте: vk.com/public34349369


Вернуться назад