Skip to main content

Пишем сайт. Оформление

5 votes

Привет)
В прошлой статье я рассказал о "скелете" любого сайта, надеюсь вы уже попробовали различные теги. В этой статье я хочу рассказать про то, как украсить сайт, те про оформление. Раньше для этого использовались атрибуты,но они не давали больших возможностей,поэтому сайты были скучные и однотипные.
Сss (http://ru.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BA%D0%B0%D0%B4%D0%BD%...) в общем виде задается так:
селектор:
{
свойство:значение;
...
}
В html css можно подключить 3 способами:
Inline-стили
прописывается как атрибут и начинается со слова style.

<body style="background:red;">
...
</body>
Стили в разделе head
<head>
<style type="text/css">
сюда пишем то,к чему будут применен css
body
{
свойство:значение;
...
}
...
</style>
</head>
и последний способ это подключать css файл,так сейчас обычно и поступают,так как это позволяет менять стили,заменяя непосредственно файлик,а не искать по всему коду вещи, которые нужно изменить. Подключается он так:
<link rel="stylesheets" href="тут путь к вашему файлу с расширением .css" type="text/css"/>
после того, как вы подключили файл, добраться до нужной вам строчки можно либо задав id интересующему объекту, либо class-если интересуют группа объектов. существуют так же и другие способы, их можно посмотреть в интернете, но чаще всего пользуются именно этими)Практикуйтесь и удачи!)

Аватар пользователя Шевченко Станислав

Интересная информация, спасибо.
Было бы полезно получить какой нибудь конкретный пример .css файла с разбором построчно, что, зачем и для чего написана каждая строчка, тогда, мне кажется, было бы понятнее.

Аватар пользователя Vishcondio

у css нет какого то единого оформления,туда добавляются вещи по необходимости,поэтому я привел только образец как заполняется css

Аватар пользователя Шевченко Станислав

Если возможно, было бы здорово рассмотреть какой-то конкретный пример подобного файла, с построчным разбором его.

Аватар пользователя linkins_

поддерживаю Станислава, можно всё нагуглить, но так было бы нагляднее.. пожалуйста..