2014-02-04

Textual description of firstImageUrl

Основы css

 основы css
Знания основ css пригодятся любому блоггеру. С помощью css мы оформляем веб-странички, в частности наши блоги.

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. (Wikipedia).
Я не претендую на роль учителя, просто расскажу обычным языком про css. Этой статьей я открою целую серию статей по css. Они будут привязаны к платформе blogger. Конечно, css – язык, которым пользуются на любой платформе и при создании любого сайта и веб-странички.
Раньше я уже публиковала статьи про css, ссылки на них вы увидите в конце этой статьи. По мере добавления новых тематических статей, я буду редактировать эту запись, добавляя ссылки.
Таблицы стилей могут быть различных типов:
  • стиль браузера (используются стандартные стили по умолчанию),
  • стиль пользователя (пользовательские стили применены к веб-странице),
  • встроенный (применяется в html-коде с атрибутом style).
    Пример, <div style="float: left; margin: 10px;">содержимое</div> . Это не самый лучший вариант применения css. Мы можем прописать этот стиль в сообщении блога, в виджете (гаджете).
  • внедренный  прописывается между тегами <style></style> . Чаще всего мы используем в гаджете блога. В шаблоне блога blogspot таблица стилей заключается между <b:skin> и ]]></b:skin>
  • связанный. Таблица стилей связана с документом HTML при помощи элемента link.
    Пример, такую таблицу стилей мы видим на блогах wordpress, ucoz.
  • импортированный используют, когда разные страницы имеют разные стили.
/* Связанную таблицу стилей мы добавляем при помощи тега link, который прописывается в шапке сайта (между <head> и </head>). Так выглядит эта запись:

Untitled
Это стандартная апись она связывает документ с таблицей стилей. Меняется лишь путь до файла (адрес href=”style.css”).
Комментарии в css записываются так. Их функция – подсказка для блоггера, редактирующего код. Комментарии записываются как /* комментарий, подсказка */.
Пример:

комментарии css
Правила css состоят из частей: селектор и блок объявлений. Селектор – это часть на которую распространяется правило, а блок объявлений – эти правила задает.
правила css
В примере заголовки h2 будут иметь цвет #ff0000 (красный) и размер шрифта 16px.
Ссылки на статьи по css:
Стили текста css
CSS оформление ссылок
Списки css
border css 
margin и padding
Как закруглить углы css
Оформление ярлыков blogger
Blockquote
Lightbox blogspot css

Комментариев нет :

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности