Изучаем CSS

0f60_4def40dc-3 Если вы думали что CSS расшифровывается как Counter Strike: Source, то это не так =). CSS (Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки.Для начало немного теории:CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL. Это был материал из Википедии.

Теперь объясняю доступным для любого языком, предварительно протестировав мониторинг доступности сайта. Прежде чем узнать что такое CSS, вы должны знать хотя бы базовые понятия html. CSS изменяет внешний вид тегов HTML (шрифт, цвет, размер и т.д.). Например у нас на сайте есть 1000 статей и все они выделены тегом «», и вдруг нам надо сделать все эти статьи не только жирным шрифтом, но и красным цветом. Мы ведь не будем изменять код всех этих статей, это очень долго и нудно. Мы сделаем это за пару секунд с помощью CSS. Это сложно объяснить словами, но я все-таки попробую. CSS прикрепляется к документам HTML, обычно это такие файлы «style.css». Такие файлы есть в любом сайте, без этого ни как особенно на сайтах под управлением CMS. Короче долго писать, повторяйте за мной:

1. Создайте файл index.html с всеми нужными тегами (head,body, DOCTYPE), и скопируйте туда какой – не будь текст. 2. В той же папке где лежит index.html, создайте файл style.css.3. Тексту в index.html задайте какой – не будь тег. Я задам ему тег

.4. Теперь в index.html внутри тега припишите это:
Если вы не поняли что за тег «head» то читайте статью про html.
5. Теперь в файлe style.css пропишите: h1 {color:red;}    6. Сохраните всё файлы.7. Откройте в браузере файл index.html

8. Статья стала красным цветом? У меня да =)

Теперь объясню как это у нас получилось:

1. Эта строка: «»  Объясняет браузеру что файл style.css принадлежит к index.html, и указывает где лежит сам style.css.

2. Строка «h1 {color:red;}» указывает на то что а файле index.html, всё содержимое под тегом «h1» стало красным цветом.

Думаю, вы поняли меня. Потому что «color» переводится как цвет. А «red» переводится как «красный».Если вы хотите что бы статья под тегом h1 стала не красным, а зеленым то вместо «red» пишите «green». Так же можно писать шестнадцатеричные значения (#FFFFF,#000). Вот так вот если у вас на сайте тысячи статей под тегом «h1» они все станут красным цветом. Если вы хотите поменять не цвет, а шрифт, или размер то пишите вместо «color» то что вам нужно. Это все работает со всеми тегами. А если вам из этих тысячи статей нужно какую не будь одну сделать черной, а она под тегом «h1» и делается красной то: 1. В файле стилей пишем это: .black {color:black;}2. Теперь в начале той статьи пишем так:

Статья

3. Все сохраняем.

4. Открываем ту статью и видим что она стала черным цветом, хотя была красным.

Думаю все понятно. CSS стили можно применять хоть к чему. Если что то непонятно пишите в коментах.

Кстати вы знаете что на сайте: ku4aigr.ru можно скачивать игры бесплатно, на высокой скорости, без регистрации и СМС!

    • Реклама на блоге, цены и условия
    • Основные понятия HTML и что это вообще такое
    • Как ускорить индексацию новых статей?
    • Вывод последних сообщений из twitter-а в DLE 8.5 — 9.0
    • Создаём варезник на DLE (Часть #4) — СЕО оптимизация сайта на DLE

Главная -> Блог mika10 -> Изучаем CSS

Terobait48