Новости о сайто-строении.

Информация о всем интересном.

"Электронная книга".

Прочитав книгу вы будете представлять как сделать электропроводку в доме или в квартире...

http://vyborsayta.ru/knigi/stranica/sayt_ebook_elektro.php

"Система регистрации и авторизации пользователей (на PHP и MySQL)"

Вам придется писать код, который осуществляет валидацию email-адресов, отправляет сообщение на почту с подтверждением регистрации...

http://shop.dmitriynaumenko.com/ac2/mec6XdhN9/785199/2091931/

"Практика резиновой верстки"

ХОТИТЕ, ЧТОБЫ ВАШ САЙТ ОТОБРАЖАЛСЯ КРАСИВО И ЭЛЕГАНТНО В ШИРОКОФОРМАТНЫХ МОНИТОРАХ И ТАКЖЕ КРАСИВО И АККУРАТНО УЖИМАЛСЯ В УЗКИХ?

http://shop.dmitriynaumenko.com/ac2/yYJdM/770775/2091931/

Важные сообщения

Оповещение о изменениях сайта.

Рассмотрим текстовые стили CSS.

Каждая страница в браузере верстается с помощью файла стилей CSS. А как выглядит сам код? Мало кому интересен этот момент, но все же есть большое количество людей не безразличных к этому. Сейчас большое количество бесплатных ресурсов которыми пользуются пользователи интернета совсем не знающие стилей CSS и кода HTML.

О файле CSS.

Файл CSS должен находиться в главной директории вашего сайта (не обязательный момент) и принято называть его style.css где style - название файла (может быть любое название для вас подходящее), .css - расширение (обязательный параметр).

Вернусь к моменту, где он должен находиться на вашем ресурсе. Файл CSS может лежать в любой директории вашего сайта, но принято размещать его или в папке css главной директории или прямо без папки. Обязательно файл должен быть подключен к сайту в тегах <head></head>(невидимая часть кода HTML). Главное вам не ошибиться в пути к этому файлу.

Пример: Название вашего сайта http://vash-sayt.ru а файл style.css лежит в папке css главной директории, в таком случае подключение файла рассмотрено на примере ниже.

<head>

<!-- Подключаем стили css -->

<link rel="stylesheet" type="text/css" href="http://vash-sayt.ru/css/style.css" media="screen" />

</head>

 

Рассмотрим файл CSS

Текстовые стили в файле с расширением .css имеет большое значение в сайтостроении. Пока я напишу только о текстовых стилях, так как для полного рассмотрения не хватит места на странице (образно).

Пример файла CSS

p {
    padding:5px 30px 5px 30px; /* отступ с верху - с права - с низу - с лева */
    font-family: Times New Roman, Arial, Tahoma; /* шрифт текста */
    text-align: justify; /* на всю ширину страницы */
    text-indent: 25px;/* отступ первой строки в абзаце */
    color: #fff;/* цвет текста черный, по умолчанию он всегда черный.*/
    font-size: 14px; /* размер текста */
}

Код html.

<p>Вывод текста в браузере будет смотреться в таком варианте. Вывод текста в браузере будет смотреться в таком варианте. Вывод текста в браузере будет смотреться в таком варианте.</p>

В браузере будет так.

Вывод текста в браузере будет смотреться в таком варианте. Вывод текста в браузере будет смотреться в таком варианте. Вывод текста в браузере будет смотреться в таком варианте.

Классы для текста.

Классы нужны для того чтобы создать свой стиль отличающий от всех стандартных текстов. С помощь класса можно будет перед текстом поставить свою маленькую картинку отмечающую списки или абзацы. В файле CSS класс прописывается так (.klass) в коде страницы так (class="klass").  Далее напишу пример одного варианта.

Пример файла CSS текста.

.klass {
    padding:5px 30px 5px 30px; /* отступ с верху - с права - с низу - с лева */
    font-family: Times New Roman, Arial, Tahoma; /* шрифт текста */
    text-align: justify; /* на всю ширину страницы */
    text-indent: 0;/* отступ первой строки в абзаце */
    color: red;/* цвет текста черный, по умолчанию он всегда черный.*/
    font-size: 16px; /* размер текста */
}

Код html.

<p class="klass">Текст красного цвета, размером 16 пикселей сделаный с помощью стилей css.</p>

В браузере будет так.

Текст красного цвета, размером 16 пикселей сделаный с помощью стилей css.

Пример файла CSS с картинкой.

.spisok {
    margin:5px 20px 0 60px; /* отступ с верху - с права - с низу - с лева */
    padding:0  60px 0px 20px; /* отступ с верху - с права - с низу - с лева */
    font-family: Helvetica, Times New Roman, Arial, Tahoma; /* шрифт текста */
    background: url(http://vyborsayta.ru/images/spiski/spisok.png) 
                no-repeat left 0px; /* путь к картинке */
    text-indent: 0;/* отступ первой строки в абзаце */
    color: #003C77;/* цвет текста.*/
    font-size: 13px; /* размер текста */
}

Код html.

<p class="spisok">Текст отмечен картинкой, размером 13 пикселей сделанный с помощью стилей css.</p>

В браузере будет так.

Текст отмечен картинкой, размером 13 пикселей сделанный с помощью стилей css.

Продолжать показывать стили CSS можно бесконечно, а я показал вам всего лишь небольшие примеры которые помогут вам в дальнейшем. Надеюсь на ваши вопросы и хотел бы развить эту тему еще больше.

Источник: Как зачать ребёнка.

Источник: worldtranslation.org


Ваши комментарии.

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

(1)

Вы просматриваете: stili_css
Full StarFull StarFull StarFull StarFull Star 5/5 (1)
Facebookdel.icio.usStumbleUponDiggGoogle+Twitter
Gravatar
Full StarFull StarFull StarFull StarFull Star
сергей говорит...
Классы нужны для того чтобы создать свой стиль отличающий от всех стандартных текстов. С помощь класса можно будет перед текстом поставить свою маленькую картинку отмечающую списки или абзацы.
5th July 2015 10:18am
Страница 1 из 1

* Обязательные поля
(Не публикуется)
 
Жирный Курсив Подчеркнутый Степень Индекс Код PHP Код Кавычки Вставить линию Вставить список Вставить нумерованный список Вставить изображение Вставить видео
 
Smile Удивление Злость Язык Возмущение Ухмылка Испуг Круто Скука Смущение Unsure Shocked
 
1000
Напишите последнюю букву в слове спутник.
 
(введите ответ)
 
Уведомлять о новых коментариях по почте.
 
Запомнить информацию введенную в поля формы.
 
 
Commentics
Вернуться к последним комментариям.

Вверх