Форум Сайтостроение Веб-строительство

Экономный css > как?

12
[Удален]
783

Вот что у меня иногда получается: 

.short_crumbs{

    width: 713px;

    font-size: 11px;

    padding: 4px 10px;

    background: #f9fafa;

    border: 1px solid #dce7e7;

}



.full_crumbs{

    width: 714px;

    font-size: 11px;

    padding: 4px 10px;

    background: #f9fafa;

    border: 1px solid #dce7e7;

}

Различие лишь в: width: 1px;

Как можно укоротить уже дублирующие атрибуты?

totamon
На сайте с 12.05.2007
Offline
437
totamon
#1

учить надо css, группирование и наследование - это основы... а еще там есть каскадирование ))

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
K5
На сайте с 13.07.2014
Offline
49
karpo518
#2 



.crumbs{
    width: 713px;
    font-size: 11px;
    padding: 4px 10px;
    background: #f9fafa;
    border: 1px solid #dce7e7;
}

.full_crumbs{
    width: 714px;
}

Для полных хлебных крошек используйте 2 класса(crumbs full_crumbs)

oux
На сайте с 07.02.2010
Offline
83
oux
#3

Изучайте препроцессоры css (less,sass), подобных проблем не будет.

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#4

разница в ширине контейнера width: 713px / 714px??? Т.е. что-то в нем на 1px не влезает?

Подозреваю проблема не только в "группировании и наследовании".

oux:
Изучайте препроцессоры css (less,sass), подобных проблем не будет.

Не очень хороший совет, учитывая что человеку пока еще только предстоит выучить основы CSS (как точно посоветовал totamon)

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
Картинка платной темы разрывает Представление табличных данных вопрос Оптимизация сайта для планшетов
melkozaur
На сайте с 06.04.2010
Offline
536
melkozaur
#5
oux:
Изучайте препроцессоры css

Более бесполезного занятия, пожалуй, не существует.

[Удален]
#6

Всем спасибо! Изучал статьи, сам сделал как описал karpo518.

.crumbs, .full_crumbs{
    width: 713px;
    font-size: 11px;
    padding: 4px 10px;
    background: #f9fafa;
    border: 1px solid #dce7e7;
}

.full_crumbs{
    width: 714px;
}


---------- Добавлено 01.10.2015 в 15:55 ----------

Спрошу, это-же валидно-нормально использовать такой экономный метод? 

.css_noom_01, .css_noom_02, .css_noom_03
SeVlad
На сайте с 03.11.2008
Offline
1609
SeVlad
#7
melkozaur:
Более бесполезного занятия, пожалуй, не существует.

Ровно до тех пор, пока кому-то не захочется использовать переменные в css. ;)

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
LEOnidUKG
На сайте с 25.11.2006
Offline
1774
LEOnidUKG
#8

ТС, вам для удобства или килобайты экономите? :)

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
[Удален]
#9
LEOnidUKG:
ТС, вам для удобства или килобайты экономите? :)

Килобайты и компактность-удобность, правильность :)

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#10
KitayacVsupez:
Спрошу, это-же валидно-нормально использовать такой экономный метод? 
.css_noom_01, .css_noom_02, .css_noom_03

это валидно, а нормально или ненормально зависит от того как вы это используете. Есть методики верстки которые такой подход считают не очень хорошим. Но лучше сначала выучить азы как вам это уже советовали

SeVlad:
Ровно до тех пор, пока кому-то не захочется использовать переменные в css. ;)

Возможно что melkozaur не так уж и не прав :) . Советовать сейчас учить LESS SASS - наверное все-таки глупость, есть препроцессоры под СSS4. Их и надо учить. Все равно когда-нибудь его придется учить. Переменные там как раз есть

Знаете ли вы сайты Стили в html страницы Посеветуйте книги.
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий