Jump to content
  • 0

Применение margin к встроенным элементам.


Gnom7
 Share

Question

12 answers to this question

Recommended Posts

  • 0
Почему b{margin: 15px} отталкивает селектор только от левого края, а b{padding: 15px} работает нормально?

сейчас перечитал мат. часть и вроде понял, но нет доступа к компу.

получается нужно делать вот так <div><b>text</b></div>? А если селектору b присвоить блочное значение, можно без мат. элемента обойтись?

Link to comment
Share on other sites

  • 0

Спасибо)

Если присвоить строчному блочное значение (даже inline-table можно)), то получается задать вертикальные отступы, а если строчный поместить в материнский например <div><b> </b></div>, то вертикальные задать не получается. Почему? Или я формулировку "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента" неправильно понял?

Пользуясь случаем хочу сказать огромное спасибо этому сайту, за то, что он такой хороший и его прекрасные локальные версии!

___

Ещё чтобы не плодить темы спрошу здесь.

Есть ли у когонибудь умолчательные значения тегов?

На подобии (есть ошибки)

# body, div, p, center, hr, h1, h2, h3, h4, h5, h6,

address, blockquote, pre, ol, ul, dl, dt, dd,

form, fieldset, object { display: block }

# li { display: list-item }

# head { display: none }

# table { display: table }

# tr { display: table-row }

# td, th { display: table-cell }

# caption { display: table-caption }

# th { font-weight: bolder; text-align: center }

# caption { text-align: center }

# h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder }

# i, cite, em, var, address { font-style: italic }

# pre { white-space: pre }

# big { font-size: larger }

# small { font-size: smaller }

# hr { border: 1px inset }

# ol { list-style-type: decimal }

# u { text-decoration: underline }

И какое свойство CSS самое длинное (количество букв)?

Link to comment
Share on other sites

  • 0

Есть книжки, а там есть главы, в которых подробно описаны начальные значения всех свойств. Побольше читай, и практикуйся и будет тебе счастье :)

Начни свой путь отсюда: http://stepbystep.htmlbook.ru/

Link to comment
Share on other sites

  • 0

Я много читаю когда есть возможность, а практиковаться могу только в WAP (там сложнее понимания сокращённой записи background ничего нет).

Мне интересны не значения свойств, а умолчательные параметры тегов как например у hr это border: 1px inset. Таких глав нигде не встречал.

Link to comment
Share on other sites

  • 0

1) Есть такая вещь, как сброс значений у всех тегов перед началом работы. Называется Общий Ресет.

2) А ещё была такая тема недавно на форуме, попробуй поиском воспользоваться, может найдёшь.

Link to comment
Share on other sites

  • 0

Psywalker говорит про reset.css. Это сброс всех параметров.

А Gnom7 надо просто узнать, как выглядят элементы по умолчанию. Тут все не так просто. Каждый браузер одинаковые теги может показывать по разному. Если еще заголовки, <i>, <b> выглядят одинаково во всех браузерах, то вот, например, со списками могут возникать проблемы: где-то отступ больше, где-то меньше.

Вот для этого и используется reset.css. Это даже не обязательно, отдельный файл. Самый простой вариант

* {margin: 0; padding: 0;}

Но этот вариант плох тем, что сбрасывает все, что только можно (особенно формы, их потом трудно настраивать)

Если погуглить, то можно найти более продвинутые сбросы, а потом выбросить все ненужное оттуда и использовать

Edited by Serlutin
Link to comment
Share on other sites

  • 0
Не нашел. Ну да ладно, потом может сам на глаз определять смогу :)

Дефолтное отображение тегов в разных броузерах

Про ресет CSS тоже неплохая тема была - Глобальный сброс

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy