Главная » 2015 » Октябрь » 11 » Секреты дизайнера сайтов (основы CSS )-1

Секреты дизайнера сайтов (основы CSS )-1

С этой заметки специалисты веб-студии НИКА начинают рассказ об использовании CSS. Напомним, что CSS расшифровывается как «каскадные таблицы стилей». Этот язык отвечает за внешний вид HTML-страницы. Синтаксис языка достаточно прост: он состоит из селекторов и свойств.

С помощью селекторов можно сказать браузеру какие именно элементы мы хотим оформить. Свойства описывают как именно мы хотим оформить эти элементы. CSS-стили можно писать внутри HTML-кода страницы или подключать их как внешний файл. В первом случае стили называются «встроенными» или «инлайновыми», а писать их нужно внутри тега <style>. Этот тег обычно размещают внутри <head> 

 

Например:

<head>

     <style>

       CSS - код

     </style>

</head>

Внутри <style> пишут обычный CSS код. Инлайновые стили используют не так часто, например, для оптимизации скорости загрузки страницы. Однако чаще используют внешние стили:

Чаще всего стили подключают из внешнего файла с расширением .css. Для этого используется тег <link>  Например:

<head>

      <link href = "style.css" rel = "stylesheet">

</head>

В атрибуте href задают адрес файла, а атрибут rel = "stylesheet" говорит браузеру, что мы подключаем стили, а не что-то другое. Лучше подключать стили внутри <head> , но это необязательно. Тег <link>  будет работать и в другом месте страницы.

 

 

Категория: Секреты дизайнера сайтов | Просмотров: 843 | Добавил: nikozavr | Рейтинг: 5.0/1
Всего комментариев: 0
avatar

Категории раздела

Заметки разработчика [8]
Заметки на тему работы с HTML. Уроки от дизайнеров и программистов студии НИКА. От простого к сложному.
Регламент веб-дизайнера [4]
Специалисты веб студии НИКА расскажут о секретках и правилах веб-дизайна.
Регламент копирайтера [2]
Специалисты студии НИКА пишут тексты с уникальностью до 100% на любую тематику. Некоторыми правилами и приемами копирайтинга делимся с начинающими писать.
Секреты дизайнера сайтов [2]
Основы работы с CSS
Опыт создания сайтов [1]
Специалисты студии НИКА рассказывают о нюансах при разработке веб-сайтов

Вход на сайт

Поиск