Приветствую Вас Прохожий | RSS Суббота, 23.11.2024, 19:41
  • Страница 1 из 1
  • 1
Сброс CSS
Smile Дата: Вторник, 10.05.2011, 21:13 | Сообщение # 1

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Доктор
Группа: Фотошоперы
Сообщений: 444
Награды: 31
Репутация: 1311
Замечания: 0%
Совсем недавно понадобилось очистить css от всего, что было задано в html, и стиль нуждался в предварительном сбросе параметров отступов. В интернете перепробовал всё, но нужного не было. Вот и пришлось написать свой, универсальный код чистки css.
Вставлять его требуется в самое начало css файла. Код написан для людей, знающих для чего он нужен (хотя я всё и пояснил).
Комментировать какой атрибут, что обозначает не буду, т.к. всё предельно ясно.

Code
/* Чистка */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
   background: transparent;
}
body {
   line-height: 1; /*это, в принципе, можно и убрать. но он устраняет причину сдвига.*/
}
ol, ul {
   list-style: none;
}
/* Расстояние ячеек в таблицах и их рамка*/
table {
   border-collapse: collapse;
   border-spacing: 0;
}

Можно так же добавить сброс размера текста, но думаю что это будет не нужно.



Сообщение отредактировал Smile - Вторник, 10.05.2011, 21:13


Подпись пользователя SmileТворческий коллектив нового поколения | justdosmile.ru
 
lewonchik Дата: Вторник, 24.05.2011, 21:49 | Сообщение # 2

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Проверенные
Сообщений: 2
Награды: 0
Репутация: 0
Замечания: 0%
Smile, ты бы хоть не врал
Quote (Smile)
Вот и пришлось написать свой, универсальный код чистки css
этот код известен давно, и не ты его написал - всё что ты сделал это написал русские названия вместо английских. Для информации - открой код CSS любого шаблона Joomla и увидишь этот же код сброса отступов в самом начале css-файла. Кстати в инете очень много онлайн-сервисов которые создают этот код автоматически и бесплатно...
 
mdbaner Дата: Вторник, 24.05.2011, 22:03 | Сообщение # 3

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Министр
Группа: V.I.P персона
Сообщений: 4723
Награды: 309
Репутация: 3756
Замечания: 0%
не использовал не разу, просто ручками все сам чистил в блокноте )
попробуем ваше новшество


Подпись пользователя mdbaner1 Права групп и возможности пользователей
2 Общие правила форума которые нужно знать всем
3 Пожаловаться на Администратора или Модератора тут
4 Задать вопрос в Support сайта Ucozon
5 Ответы на постоянные вопросы в модуле FAQ
6 Цены и виды моих услуг по дизайну и настройке


Больше всего меня вырубает когда пользователь просит меня что либо найти, указывая на то что не умеет пользоваться поиском
 
Kapusha Дата: Вторник, 24.05.2011, 22:12 | Сообщение # 4

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Знающий больше чем вы!
Группа: UcozonGroup
Сообщений: 1177
Награды: 66
Репутация: 3371
Замечания: 0%
Smile, мм..интересно)


Подпись пользователя KapushaМОЙ БЛОГ
 
Smile Дата: Вторник, 24.05.2011, 22:26 | Сообщение # 5

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Доктор
Группа: Фотошоперы
Сообщений: 444
Награды: 31
Репутация: 1311
Замечания: 0%
lewonchik, я к сожалению ни как доказать не могу. Поэтому прошу верить на слово.
Тем более что мой код исправляет 98% ошибок сдвига шаблона.


Подпись пользователя SmileТворческий коллектив нового поколения | justdosmile.ru
 
lewonchik Дата: Вторник, 24.05.2011, 22:44 | Сообщение # 6

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Проверенные
Сообщений: 2
Награды: 0
Репутация: 0
Замечания: 0%
mdbaner, возможно ты не совсем правильно понял - код который написан в первом посте не чистит CSS, а обнуляет отступы (margin и padding и т.д.). Например ты создаёшь на странице элемент
Code
<div class="myclass"> что-то </div>
и позиционируешь его с помощью css
Code
.myclass { width: 120px; height: 24px; padding: 2px 3px; margin: 2px 6px 0 20px;}
но при просмотре в разных браузерах твой элемент относительно родительского элемента будет спозиционирован по разному. Это связано с настройками браузеров и различным подходом разработчиков к реализации веб стандартов. Так вот, код из первого поста обнуляет отступы и стили изначально заложенные разработчиками и применяет те стили, которые прописал ты. В итоге в 98 случаях шаблон сайта во всех браузерах выглядит одинаково.

Добавлено (24.05.2011, 22:44)
---------------------------------------------
Smile, позволь тебе неповерить

Code
/**
  * @package  Gantry Template Framework - RocketTheme
  * @version  2.0.1 January 2, 2010
  * @author  RocketTheme http://www.rockettheme.com
  * @copyright  Copyright (C) 2007 - 2010 RocketTheme, LLC
  * @license  http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
  */

/* Reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
только что дёрнул из шаблона Джумлы...
 
Smile Дата: Среда, 25.05.2011, 14:21 | Сообщение # 7

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Доктор
Группа: Фотошоперы
Сообщений: 444
Награды: 31
Репутация: 1311
Замечания: 0%
lewonchik, не позволю. Коды параметров я скопировал из одного аппарата на cms php bb и отфильтровал, т.к. не был уверен что перечислю все коды. А там присутствуют все.
Но значения для них я прописывал сам, и то что в твоем коде они аналогично упорядочены, не дает ни каких фактов о не принадлежности кода мне.
Я тему создал не для критики, а для использования данного кода пользователям, которым он будет нужен.


Подпись пользователя SmileТворческий коллектив нового поколения | justdosmile.ru
 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Новые пользователи Последние темы Лучшие пользователи

1 Nynikak (Марина)

NL20:29 - 06.07.2024

2 Vladimrij (Vladimir)

UA08:13 - 06.04.2024

3 Highvard (Никита)

BY11:02 - 10.03.2024

4 Khaliff93 (Artem)

US14:28 - 26.02.2024

5 Vvvpol (Stepan)

UA16:43 - 22.02.2024

6 exvardi (Vladimir)

MD14:47 - 18.02.2024

7 Ja_Rule (Евгений Пил)

BY10:19 - 13.02.2024

8 funvaz (Gosha)

KZ20:46 - 22.12.2023

9 dj2nik (dj2nik)

UA11:22 - 11.12.2023

10 gluk123 (Max)

UA09:42 - 21.10.2023

11 AlexGrim (Alex)

RU09:22 - 17.10.2023

12 Renegat95 (Ромич)

RU09:08 - 08.10.2023

13 leon1965 (Bob Dutu)

CA15:43 - 13.08.2023

14 2ef005 (Андрей)

UA12:13 - 04.07.2023

15 Coresh100 (Сергей Моро)

BY23:22 - 28.06.2023

16 11smith11 (Smith Bonda)

UA18:49 - 18.06.2023

17 perimetr (Николай)

BY16:53 - 13.05.2023

18 elm2 (Андрей)

BY09:46 - 03.05.2023

19 qetruhdf2 (alx alex)

RU23:29 - 02.04.2023

20 3737 (Dudgos)

CA18:24 - 19.03.2023

21 ziercool (ziercool)

PL17:54 - 15.03.2023

22 dedtalash (Вадим)

BY14:32 - 27.02.2023

23 Robin113 (Andrei)

DE18:05 - 17.02.2023

24 vova_vova (Vov)

UA23:03 - 09.11.2022

25 Bull888 (Светлана)

UA09:08 - 25.10.2022

26 tigo1 (Tigo)

AM21:52 - 21.10.2022

27 fekin4321 (VladFekin)

UA00:32 - 14.10.2022

28 Tasiil (Дмитрий)

BY06:12 - 06.10.2022

29 ambako22 (ambako)

GE20:10 - 13.09.2022

30 sadnon (Vitaliy)

UA09:37 - 10.09.2022

1 Работа на заводе

German Vikrumas [29]

2 Комплексный прогон сайтов ру и...

myod kysovue [54]

3 Армия

MarinaKli MarinaKli [0]

4 Может у кого есть!

MarinaKli Vistel [6]

5 Нужны копирайты

MarinaKli mvr312 [1]

6 Остались честные СМИ?

KateKuz KateKuz [0]

7 Раздача подарков и стикеров в ...

KateKuz MDNdemon [1]

8 Дисковое пространство

KateKuz frolov1028 [3]

9 Ручной прогон по трастовым сай...

kalip27 kalip27 [19]

10 бот для умножения денег на фор...

forexmone forexmone [0]

11 Программировние

forexmone Playmanovich [7]

12 Пропала реклама

forexmone frolov1028 [3]

13 У сайта вырос ТИЦ

Openair Vistel [8]

14 Нужны дизайнеры

Openair demons063 [2]

15 ⭐️Ручной статейный прогон⭐️

eternalli eternalli [0]

16 Как раскрутить кино сайт

eternalli JAko [6]

17 [100p] Нарисовать логотип.

XAMEJIUOH XAMEJIUOH [0]

18 Требуется человек для создания...

Vikrumas Vikrumas [0]

19 Качественный рерайт/копирайт о...

GaV GaV [161]

20 Календарь

frolov1028 Vikrumas [1]

21 Профильно-статейны прогон по с...

GaV GaV [0]

22 Файловик на сайт (копипаст) оп...

MDNdemon MDNdemon [58]

23 Изображение в CSS

xbalson GaV [2]

24 Файловый Менеджер - Высокая оп...

Freemekc Freemekc [2]

25 В каких интернет магазинах вы ...

Beowb428 GaV [9]

26 Скрипт и инструкция добавления...

DianaLebe мир [3]

27 Трафик на сайт по низким ценам...

brig2 vir4us [4]

28 Продам билеты в московский кин...

brig2 MDNdemon [1]

29 Создать лого на сайт

korel korel [0]

30 25 жирных ссылок. Яндекс Катал...

NikeNikol NikeNikol [0]

1 frolov1028

UAРепа: 4431 Файлов: 29 Форум: 1317

2 Кирилл

RUРепа: 4292 Файлов: 15 Форум: 3818

3 мир

MDРепа: 4084 Файлов: 878 Форум: 1019

4 WinDiZ

Репа: 3943 Файлов: 2 Форум: 1252

5 mdbaner

MDРепа: 3756 Файлов: 713 Форум: 4723

6 GaV

RUРепа: 3621 Файлов: 0 Форум: 1262

7 Kapusha

RUРепа: 3371 Файлов: 35 Форум: 1177

8 PrADeN

FRРепа: 3318 Файлов: 84 Форум: 2076

9 martinis

RUРепа: 3247 Файлов: 46 Форум: 444

10 German

RUРепа: 2768 Файлов: 18 Форум: 258

11 STAFF

USРепа: 2720 Файлов: 72 Форум: 757

12 ALINA

RUРепа: 2677 Файлов: 277 Форум: 9

13 StraJ

UAРепа: 2243 Файлов: 12 Форум: 545

14 smart4on

BYРепа: 2232 Файлов: 4 Форум: 661

15 makcim19997

RUРепа: 2204 Файлов: 171 Форум: 1067

16 GaMeRgame

RUРепа: 2082 Файлов: 4 Форум: 722

17 TRANE73

RUРепа: 2015 Файлов: 34 Форум: 165

18 ivanfom

RUРепа: 1887 Файлов: 15 Форум: 319

19 Zhenikuls

RUРепа: 1884 Файлов: 6 Форум: 65

20 tmb

RUРепа: 1570 Файлов: 0 Форум: 214

21 xbalson

MDРепа: 1378 Файлов: 4 Форум: 561

22 Smile

RUРепа: 1311 Файлов: 23 Форум: 444

23 hjp^

RUРепа: 1248 Файлов: 14 Форум: 192

24 domovik21

UAРепа: 1237 Файлов: 16 Форум: 177

25 Prix

RUРепа: 1122 Файлов: 6 Форум: 91

26 LEO--MESSI

RUРепа: 1115 Файлов: 6 Форум: 468

27 Playmanovich

UAРепа: 1087 Файлов: 3 Форум: 981

28 WmMariupol

UAРепа: 1081 Файлов: 0 Форум: 55

29 K@rDeL

RUРепа: 1076 Файлов: 0 Форум: 382

30 LUIS75

RUРепа: 1033 Файлов: 1 Форум: 198

Избранные ссылки
5 последних закладок Описание и использование закладок
Закладки создаются при помощи "куков" которые хранятся в вашем браузере 30 дней, если жи вы почистили куки в своем браузере то закладки исчезнут.
отображаются только 5 последних закладок, предыдущие удаляются по мере обновления списка.
Вы можете любую не нужную закладку удалить нажатием X на против ссылки.
Бывает что запись кука пролетает, но это уже ошибки браузера и его записей.
Если при обновление страницы выводится ошибка 400 то что бы исправить необходимо удалить все куки браузера
Если вы заметили ошибки то сообщайте администратору.


Copyright UcozOn.ru™ © 2008-2024


Кнопка 88х31 сайта ucozon.ru