Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28


Чувашия-это моя Россия

Встроенные таблицы стилей в CSS.

Более компактный метод добавления таблиц стилей - это встраивание блока стилей в верхнюю часть HTML-документа сайта при помощи элемента style < style>...< style> в так называемый заголовок страницы сайта.

Элемент style необходимо помещать в теги < head>...< /head> документа сайта. Атрибут type является обязательным, чтобы подчеркивать этот язык стилей CSS. Если не писать этот атрибут стиля, то в некоторых браузерах может произойти игнорирование всей таблицы стилей.

Обычно, этот способ используют если либо страница небольшая и уникальная, либо нет желания создавать отдельный файл для каскадных таблиц стилей, потому как страница небольшая и нет в этом надобности.

Давайте рассмотрим намного компактный способ добавления таблиц стилей: встраивание блока стилей в верхнюю часть HTML - в заголовок документа с помощью элемента style:

                   < html>
                   < head>
                   < meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                   < meta name="author" content="Олег Васильев" />
                   < meta name="keywords" content="как бросить курить легко не курить
                      просто свой создать бесплатно сайт страница суть слова смысл 
                      хамский язык вера любовь здоровье человек" /> 
                   < meta name="description" content=" Сайт о том как на основе знания 
                      древнего языка наших предков Адама,Хама,Ханаана,открывать суть имен,
                      предметов,явлений и событий. Дать некоторые способы отвыкания от сигарет,
                      табака.Как не курить легко и просто.Заиметь здоровье,надежду,любовь и 
                      веру. На основе семи строк PHP и HTML кодов создать легко и быстро свой
                      собственный сайт из простых блоков." /> 
                   < script type="text/javascript" src="http://userapi.com/js/api/
                                                            openapi.js?49">< /script>
                   < script type="text/javascript">VK.init({apiId: 3010037, onlyWidgets: 
                                                                    true});< /script>
                   < link rel="stylesheet" type="text/css" href="css/cssverticalmenu.css" />
                   < link rel="shortcut icon" href="http://seosait21.ru/favicon.ico" 
                                                                      type="image/x-icon" />
                   < script type="text/javascript" src="js/cssverticalmenu.js">< /script>
                   
< style type="text/css"> td#tdleft .kavak { background: #09F; color: #036; border: 1px solid #039; } td#tdleft .simes { background: #6F9; color: #063; border: 1px solid #060; } td#tdleft .sara { background: #FF9; color: #F60; border: 1px solid #F90; } td#tdleft .shupka { background: #FCC; color: #C00; border: 1px solid #F03; } td#tdleft .xerle { background: #F33; color: #FFF; border: 1px solid #C30; } td#tdleft .shura { background: #FFF; color: #F60; border: 1px solid #F90; } < /style>
< title>"Суть слова."< /title> < link rel="stylesheet" href="stylesheet/index.css" type="text/css"> < /head> < body> специально выделил светло-оранжевым фоном заключенный в заголовок страницы сайта стилевой способ, который выделяет в левой колонке страницы вложенного несортированного списка выпадающего меню.

Однако, и этот способ оформления страниц сайта не дает нам легкости и изящности; у нас не получается быстро и эффективно и поэтому разберем третий метод, наиболее мощный способ применения CSS.

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


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: