Стилове в интернет страници
|
|
- Evdokia Fticheva
- преди 4 години
- Прегледи:
Препис
1 инж. Елена Гълбачева
2 Най-често използвания език за управление изгледа на интернет страници. По принцип CSS може да се използва найобщо за XML документи, но най-честата употреба е съвместно с HTML за задаване на стилове в интернет страниците.
3 CSS е съкращение от Cascading Style Sheets, в свободен превод "каскадни стилови страници". Стиловете, указани чрез CSS, определят как ще изглеждат на екрана елементите на един HТМL документ (интернет страница). CSS се наричат каскадни, понеже стилове могат да указват браузърите, потребителите и авторите на интернет страниците. Тези стилове се наслагват, в известен смисъл преливат един в друг, откъдето и термина "каскаден". CSS спестяват много работа: дизайнът на всички интернет страници на един сайт може да се зададе само с един CSS файл.
4 CSS дават голяма гъвкавост при дизайна на интернет страниците: при нужда от смяна на дизайна е достатъчно да се промени само този единствен CSS файл. CSS команди могат да се задават както в head частта на HTML документа, така и като отделни файлове с разширение.css, напр. style.css. Има случаи, в които някои от браузърите интерпретират CSS командите по начин, отличаващ се от приетия стандарт. Но като цяло CSS е много добре поддържан от всички широко употребявани браузъри.
5 Лесен синтакс - състоят се от селектор (напр. име на елемент) и стил, който се указва за този селектор. Например: p { text-color:green; } ще промени цвета на текста на всички параграфи в зелен. CSS команди могат да се задават както в head частта на HTML документа, така и в отделен файл. Предимството на използването на отделен файл е възможността CSS командите да бъдат наложени над повече от една страница - достатъчно е в head частта на HTML страницата да бъде указано използването на CSS документа.
6 HTML позволява за всеки от елементите (заглавия, параграфи и т.н.) да бъде указан стил. Например, можете да укажете цвета на текста в един параграф да бъде зелен по следния начин: <p style="color:green">този параграф е зелен</p> и резултатът ще изглежда така: Този параграф е зелен
7 Въпреки заложените възможности за указване на стил в отделните елементи на HTML, има няколко сериозни причини да използвате именно CSS за определяне изгледа на страниците: Разделянето на съдържание и стил дава много по-голяма гъвкавост в управлението на странците.
8 Представете си, че сте направили голям сайт с хиляди страници, в които сте използвали HTML стилове за задаване примерно цвета на параграфите. Ако един ден решите да смените цвета на текста на всички параграфи, ще Ви се наложи да отваряте една по една всички страници и на всеки параграф да пренаписвате указанието за цвета! Ако сте използвали CSS вместо HTML стилове, ще трябва да смените само един ред в CSS файла: p { text-color:green; } и промяната автоматично ще бъде наложена над всички параграфи във всички страници.
9 Възможност различни хора да работят по съдържанието и стила на страниците. CSS указанията могат да се записват като отделни от HTML страниците файлове. Това позволява работата над един интернет сайт да се раздели между хора, които пишат съдържанието на страниците, и тези, които се грижат за оформлението.
10 Употреба на един и същи CSS файл в различни проекти. Веднъж създаден, CSS файла може да се използва за указване стила на произволен брой страници - достатъчно е във всяка от тях CSS файла да бъде посочен за използване. По-бързо зареждане на страниците CSS файловете обикновено се запазват в кеш паметта на браузърите, след като се зареди първата страница със CSS файл. По тази причина зареждането на нови страници, които използват същия CSS файл, ще бъде ускорено. Разбира се, това ще намали и трафика на данни от сървъра Ви.
11 Поради несъответствията в браузърите се налага внимателно да се прегледат страниците във всички по-широко използвани браузъри преди публикуването им в интернет. Постигането на един и същи изглед на страниците често е възможно, но се налага използването на специални похвати за някои CSS команди. Това прави дизайна на страниците много по-сложен процес, отколкото би трябвало да бъде. Въпреки тези трудности, CSS се използват широко в дизайна на интернет страниците. Заслужава си да изучите и използвате възможностите на CSS за постигане на добър дизайн за страниците на Вашия сайт.
12 Източник:
13
Smart Review_.indd
Изпращане на файлове през Kodak Insite За да използвате функционалността на програмата, е необходимо да имате регистрация в системата, която може да бъде създадена от екипа на Жанет 45. Ще получите имейл
ПодробноHTML - формат на текст
ТЕКСТ Езикът HTML ви позволява да разполагате текст на страницата, да го подравнявате, оцветявате, да задавате големината на шрифта и самия шрифт. Нека да направим една страница и да разположим някакъв
ПодробноHTML - списъци
СПИСЪЦИ Езикът HTML ви дава възможност да използвате три вида списъци - подредени, неподредени и списъци с обяснения. Подредените списъци са номерирани и изглеждат така : 1. Иван 2. Георги 3. Захари Неподредените
ПодробноРъководство за бързо стартиране Microsoft Outlook 2013 изглежда по-различно от предишните версии и затова създадохме този справочник, за да ви помогне
Ръководство за бързо стартиране Microsoft Outlook 2013 изглежда по-различно от предишните версии и затова създадохме този справочник, за да ви помогнем да го усвоите по-лесно. Нека стане ваш Персонализирайте
ПодробноTitle of Presentation
INDESIGN УРОК 0 ПРЕДВАРИТЕЛНА ПОДГОТОВКА НА ТЕКСТ Изготвил: инж. Дарина Атанасова, ркк при ІV ЕГ Текст. Елементи на документ. Действия при текстообработка. Етапи при текстообработка. Форматиране на символи.
Подробно“ Ада – софт “ – софтуер за автоматизиране на финансово – счет
Офис София ж.к. Младост 1, бл.27 тел.: (02) 974 43 50 (02) 974 37 39 e-mail: office@ada-soft.bg РАЗРАБОТКА, ПРОДАЖБА И ВНЕДРЯВАНЕ НА ИКОНОМИЧЕСКИ СОФТУЕР. ОДИТ РЪКОВОДСТВО ЗА РАБОТА ISO 9001:2008 от Bureau
Подробноhttp://it.souprovadia.info 1. Какво е облак (Cloud) Най-общо: Технологии и услуги (софтуер, хардуер, масиви от данни), достъпни през интернет; Разполагаме с... Място, където може да се качват файлове,
ПодробноTitle of Presentation
INDESIGN УРОК 1 ЗАПОЗНАВАНЕ С ПРОГРАМАТА Изготвил: инж. Дарина Атанасова, ркк при ІV ЕГ Начален екран. Нов документ. Първоначални настройки на документ. Промяна на мерните единици. Промяна на настройките
ПодробноРегистрация на профил в Google и работа с облака Google Drive (Google Диск) I. Създаване на Google акаунт Първо зареждате или
Регистрация на профил в Google и работа с облака Google Drive (Google Диск) I. Създаване на Google акаунт Първо зареждате www.google.com или www.google.bg. Няма значение кой адрес ще напишете. Най-вероятно
ПодробноSEO анализ за puppospiele.de
Скорост зареждане 77 / 100 Скорост Непременно поправете: Оптимизирайте изображенията Правилното форматиране и компресиране на изображенията може да спести много байтове данни. Оптимизирайте следните изображения,
ПодробноЕВРОПЕЙСКА КОМИСИЯ ГЕНЕРАЛНА ДИРЕКЦИЯ ИНФОРМАТИКА Компонент, свързан с изпълнението на политиката по инициативата WiFi4EU Ръководство за прилагане v1.
ЕВРОПЕЙСКА КОМИСИЯ ГЕНЕРАЛНА ДИРЕКЦИЯ ИНФОРМАТИКА Компонент, свързан с изпълнението на политиката по инициативата WiFi4EU Ръководство за прилагане v1.0 Съдържание 1. Въведение... 2 2. Поддържани браузъри...
ПодробноЕВРОПЕЙСКИ СЪЮЗ Европейки фонд за регионално развитие Инвестираме във вашето бъдеще ОПЕРАТИВНА ПРОГРАМА Развитие на конкурентоспособността на българск
BG161PO003-1.1.06-0022-C0001 Ръководство за работа със системата Този документ е създаден с финансовата подкрепа на Оперативна програма на българската икономика 2007-2013, съфинансирана от Европейския
ПодробноУеб системи и технологии - Упражнение 4
УПРАЖНЕНИЕ 4: ВИДОВЕ СИМВОЛИ И ТЯХНОТО ФОРМАТИРАНЕ. СТРУКТУРИРАНЕ И ОФОРМЯНЕ НА ТЕКСТОВЕ. СПИСЪЦИ. Какво се разглежда в тази тема: Параграфи: o Нов параграф ; o Нов ред в текущ параграф .
ПодробноHPRECV3BK_Notice.indd
BLUETOOTH ТОНКОЛОНА Инструкции за употреба AUX DC 5V SD MIC LED Характеристики на продукта 1. Bluetooth безжична технология 2. AUX вход за слушалки 3. FM радио 4. Поддържа карта памет( MP3 аудио формати
ПодробноWEB портал за съобщаване на проблеми в СО Район Банкя Ръководство на потребителя I. Общ изглед на портала, вход и регистриране на потребител След отва
WEB портал за съобщаване на проблеми в СО Район Банкя Ръководство на потребителя I. Общ изглед на портала, вход и регистриране на потребител След отварянето на линка на портала http://bt.bg73.net/ се визуализира
ПодробноПРОГРАМНО ОСИГУРЯВАНЕ НА КОМПЮТЪРА
СРЕДИ ЗА ПРОГРАМИРАНЕ ПРОГРАМНО ОСИГУРЯВАНЕ НА КОМПЮТЪРА Същност на програмното осигуряване За да могат компютрите да разбират описаните на езика за програмиране алгоритми, те трябва да бъдат преведени
ПодробноСЪЗДАВАНЕ НА СЪДЪРЖАНИЕ, ИНДЕКСЕН УКАЗАТЕЛ И ВМЪКВАНЕ НА ПОЛЕТА I. СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ Съдържанието се създава по съществуващ в Word форматен стил
СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ, ИНДЕКСЕН УКАЗАТЕЛ И ВМЪКВАНЕ НА ПОЛЕТА I. СЪЗДАВАНЕ НА СЪДЪРЖАНИЕ Съдържанието се създава по съществуващ в Word форматен стил или по създаден от вас потребителски стил. По подразбиране
ПодробноРъководство за употреба на Мобилно приложение - Портал за Дистанционно обучение СЪДЪРЖАНИЕ 1. Какво Ви дава мобилната версия на Портала за Дистанционн
Ръководство за употреба на Мобилно приложение - Портал за Дистанционно обучение СЪДЪРЖАНИЕ 1. Какво Ви дава мобилната версия на Портала за Дистанционно обучение на НИП 2. Инсталиране на мобилното приложение
ПодробноМебели Виденов - поща на Андроид устройство
Мебели Виденов - поща на Андроид устройство За помощ: todor.todorov@videnov.bg, тел. 0893 602 225 Съдържание Инсталиране на пощенски клиент...3 Начало на конфигурация...3 Email и парола...4 Настройки на
ПодробноКомпютърна Графика и Презентации - Графично моделиране
Компютърна Графика и Презентации Графично Моделиране. Генеративна Компютърна Графика гл. ас. д-р А. Пенев Генеративната КГ се занимава с: Построяване на обекти (модели); Генерация на изображение; Преобразуване
ПодробноMicrosoft Word - 24niv3.doc
«Въпрос на време» 24-31 Ниво. 3 Упр. 1 Цели Трениране на преценката за размер(на парична сума, дистанция, време, тегло, ръст, и т.н.) Приложение (примери) В обучението : всяка операция, състояща се в преценка
ПодробноУказание за инсталиране на офлайн Модул за Интрастат оператора (МИО) версия за 2019 г. Последна актуализация на указанието: г. Препор
Указание за инсталиране на офлайн Модул за Интрастат оператора (МИО) версия 6.0.0 за 2019 г. Последна актуализация на указанието: 01.02.2019 г. Препоръка: Да се извърши от системен администратор! Изисквания
ПодробноЕДИС СОФТУЕР ЕООД Пловдив, тел , ЕДИС-АСО ИЗТЕГЛЯНЕ И ИНСТАЛИРАНЕ НА АКТУАЛИЗАЦИЯТ
ЕДИС СОФТУЕР ЕООД Пловдив, тел. 0888-640825, 0877-660667 office@edis-bg.com, https://www.edis-bg.com ЕДИС-АСО ИЗТЕГЛЯНЕ И ИНСТАЛИРАНЕ НА АКТУАЛИЗАЦИЯТА \ Пловдив, юни 2019 г. - 1 - 1. ОПРЕДЕЛЯНЕ НА ТЕКУЩАТА
ПодробноMicrosoft Word - Recenzia_Darian Pejcheva_From_ Yantsislav Yanakiev.doc
БЪЛГАРСКА АКАДЕМИЯ НА НАУКИТЕ ИНСТИТУТ ЗА ИЗСЛЕДВАНЕ НА ОБЩЕСТВАТА И ЗНАНИЕТО Р Е Ц Е Н З И Я от професор д.с.н. Янцислав Вълчев Янакиев, Директор на Института за перспективни изследвания за отбраната
ПодробноНационално външно оценяване на дигитални компетентности в X клас юни 2015 г. МОДУЛ 1 ПРИМЕРЕН ТЕСТ 1. ЗАДАЧА Видеофайл с размер KB може да с
Национално външно оценяване на дигитални компетентности в X клас юни 2015 г. МОДУЛ 1 ПРИМЕРЕН ТЕСТ 1. ЗАДАЧА Видеофайл с размер 4 905 253 KB може да се съхрани на: А) компакт диск с капацитет 700 МВ Б)
ПодробноУслуга Web Presence Описание на услугата Версия: 4.0 Май 2018 Страница 1 от 7
Услуга Web Presence Описание на услугата Версия: 4.0 Май 2018 Страница 1 от 7 Съдържание 1 Обща информация... 2 2 Описание на услугата... 2 2.1 Предлагани пакети... 2 2.1.1 Business... 4 2.1.2 Business
ПодробноШрифт для вышивки Кириллица
Файл: f0037_70_0.dst Стежки: 3100 Цвета: 1/1 Размер: 44.4x72.4 mm Установки: 0 Файл: f0037_70_01.dst Стежки: 4669 Цвета: 1/1 Размер: 61.4x73.0 mm Установки: 0 Файл: f0037_70_01s.dst Стежки: 2404 Цвета:
ПодробноШрифт для машинной вышивки русский
Файл: f0014_0.dst Стежки: 2925 Цвета: 1/1 Размер: 57.0x62.0 mm Установки: 0 Файл: f0014_01.dst Стежки: 2868 Цвета: 1/1 Размер: 54.4x62.2 mm Установки: 0 Файл: f0014_01_s.dst Стежки: 1374 Цвета: 1/1 Размер:
ПодробноСподеляне на анонимни данни с Lenovo Съдържание Споделяне на анонимни данни с Lenovo... 1 Harmony... 1 Lenovo Companion Lenovo Customer Engag
Споделяне на анонимни данни с Lenovo Съдържание Споделяне на анонимни данни с Lenovo... 1 Harmony... 1 Lenovo Companion 3.0... 2 Lenovo Customer Engagement Service... 3 Lenovo Experience Improvement (само
ПодробноMobi-B мобилен портфейл Инструкция за работа
Mobi-B мобилен портфейл Инструкция за работа СЪДЪРЖАНИЕ Изтегляне и регистрация... 3 Регистриране на нова карта... 3 Добавяне на последваща карта... 5 Изтриване на карта... 6 Подмяна на мобилен телефон...
ПодробноИнструкция за обслужване MULTI-Control Състояние: V a-02-BG Моля, прочетете и спазвайте настоящото ръководство. Съхранявайте насто
Инструкция за обслужване MULTI-Control Състояние: V1.20190731 3030248965a-02-BG Моля, прочетете и спазвайте настоящото ръководство. Съхранявайте настоящото ръководство за използване и в бъдеще. Обърнете
ПодробноСтраница 1 Инструкции за експлоатация A. Списък на драйвери, които може да намерите на диска за вашият GPS тракер: Драйверите, които ще трябва да качи
Страница 1 Инструкции за експлоатация A. Списък на драйвери, които може да намерите на диска за вашият GPS тракер: Драйверите, които ще трябва да качите на вашия компютър общо са групирани в 6 файла: DRemover98_2K.exe
ПодробноПОЛИТИКА ЗА БИСКВИТКИТЕ КАКВО Е БИСКВИТКА? 2 КАК СЕ ИЗКЛЮЧВАТ БИСКВИТКИТЕ? 3 КАКВИ БИСКВИТКИ ИЗПОЛЗВАМЕ? 4 Строго необходими бисквитки 5 Бисквитки за
ПОЛИТИКА ЗА БИСКВИТКИТЕ КАКВО Е БИСКВИТКА? 2 КАК СЕ ИЗКЛЮЧВАТ БИСКВИТКИТЕ? 3 КАКВИ БИСКВИТКИ ИЗПОЛЗВАМЕ? 4 Строго необходими бисквитки 5 Бисквитки за ефективност 5 Функционални бисквитки 5 Насочващи и
ПодробноMicrosoft Word - E1-11-bg.doc
Основна цел Педагогически указания E: Оценяване на съобщение E1 / 11 Степен на трудност 1 Междинна цел 1: Дайте значение на вашето съобщение Оперативна цел Предварителни умения Брой на предложените упражнения
Подробноweb разработка
МИЛЕНА ТОМОВА - НПО ВРАЦА СОФТУЕР ОБЩЕСТВО - КУРС WEB РАЗРАБОТКА- 11.2017 - ВЕРСИЯ 4 web разработка JavaScript DOM манипулации Съдържание DOM елементи Обхождане на DOM - дървото Добавяне, премахване, променяне
ПодробноПотребителско ръководство за платформа за кандидатстване по НП на МОН v0.4 2
Потребите)с+о ръ+о-одст-о за п)атформа за +андидатст-ане по Национа)ни програми (НП) +ъм Министерст-о на образо-анието и нау+ата Адрес: http://np.mon.bg/ Съдържание Работа с платформата... 3 Смяна на паролата...
ПодробноICS Natioanal
РЪКОВОДСТВО ЗА ВЪНШНИ ПОТРЕБИТЕЛИ Март 2019 г. История на промените Дата Версия Описание Автор 28.09.2018 1.0 Ръководство за потребителя ИО АД 07.03.2019 2.0 Ръководство за потребителя ИО АД СЪДЪРЖАНИЕ:
ПодробноRussian for Tourism РЪКОВОДСТВО ЗА ИЗПОЛЗВАНЕ НА ИНДИВИДУАЛНОТО ПРОСТРАНСТВО НА ПРОЕКТА RETOUR По-долу ще намерите някои технически указания, които ще
РЪКОВОДСТВО ЗА ИЗПОЛЗВАНЕ НА ИНДИВИДУАЛНОТО ПРОСТРАНСТВО НА ПРОЕКТА RETOUR По-долу ще намерите някои технически указания, които ще ви помогнат да изпитате удовлетворение от възможностите на Индивидуалното
ПодробноРъководство за работа на Кандидат-бенефициери Електронна система за подаване и оценяване на проектни предложения към Център за образователна интеграци
Ръководство за работа на Кандидат-бенефициери Електронна система за подаване и оценяване на проектни предложения към Център за образователна интеграция на от етническите малцинства www.coiduem.bg 30.08.2019
ПодробноPowerPoint Presentation
Топография на съдилищата в България Обучителен семинар Граждански контрол върху публичността и прозрачността в работата на съдилищата София, 22 февруари 2019 г., 23 февруари 2019 г. ЕРГОНОМИЧНОСТ НА ИНТЕРНЕТ
ПодробноOnline кандидатстване след VII клас За учебната 2019/2020 година имате възможност да подадете Вашето заявление за участие в първи и трети етап на клас
Online кандидатстване след VII клас За учебната 2019/2020 година имате възможност да подадете Вашето заявление за участие в първи и трети етап на класиране за прием в VIII клас по интернет или на място,
ПодробноПредставете си, че файлът, който създаваме, е чаша с вода. Всяко натискане на клавиша, който придвижва курсора с по една позиция, е капка в чашата. Ко
Представете си, че файлът, който създаваме, е чаша с вода. Всяко натискане на клавиша, който придвижва курсора с по една позиция, е капка в чашата. Колкото пъти натиснем клавиш с буква, препинателен знак,
ПодробноОнлайн продажби - Христо Митков, 2019г
Facebook, Linked In, Instagram, Youtube - Hristo Mitkov 1. ПОТРЕБИТЕЛСКО ПОВЕДЕНИЕ 2. ИНТЕРНЕТ РЕКЛАМА И ПРОДАЖБИ НА ПРАКТИКА 3. СТИМУЛИРАНЕ НА ИНТЕРНЕТ ПРОДАЖБИТЕ 4. КОПИРАЙТИНГ 5. ФОРМАТИ НА РЕКЛАМНИТЕ
ПодробноИзползване на Гугъл Диск
Използване на Гугъл Диск Основни действия, създаване на папки, документи и таблици Какво е Гугъл Диск (или Google Drive)? Google Drive е виртуален облак за съхранение, който може да използвате, за да пренасяте
Подробнодостига до ясно таргетирано, динамично общество, компактно в интересите си към различни спортове и аутдор културата. Медията ни е насочена към
360 360 достига до ясно таргетирано, динамично общество, компактно в интересите си към различни спортове и аутдор културата. Медията ни е насочена към дългосрочни партньорства, с цел постигане на трайна
ПодробноMicrosoft Word - OnlineMapUpdate_BGR_XXX.docx
Онлайн актуализация на карти Общи указания онлайн актуализация на картата Тъй като картовите данни остаряват, се актуализират редовно. Съществуват следните възможности за актуализация в мултимедийната
ПодробноECDL_ICDL Spreadsheets.doc
ECDL / ICDL Електронни таблици Учебна програма Цел Този документ съдържа подробна информация относно учебната програма за модул ECDL / ICDL Електронни таблици. Учебната програма очертава знанията и уменията,
Подробно