рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Основний синтаксис CSS

Основний синтаксис CSS - раздел Философия, ЛАБ2. Продемонструвати рядкові та блочні елементи, таблиці Селектор {Властивість 1: Значення; Власивість 2: Значення;} За Допомо...

Селектор {Властивість 1: значення;
Власивість 2: значення;}
За допомогою селектора вибираються елементи, на які буде розповсюдено стиль.
Властивість - візуальне, значення - параметр який ми хочемо задати.

H1 {font-family: Arial Narrow;
color:#0000FF; font-size:25px;}

 

Способи підключення стилів до документу:

Зовнішній:

<!DOCTYPE .....>
<head>

...
<link rel="stylesheet" type="text/CSS" href="style.CSS">

</head>

Рядковий:

< h1 style= "color: #ooF">

 

Внутрішній:

<head>

<style type="text/css">
h1 {color:red}
</style>
</head>

 

Для зовнішнього та внутрішнього підключення також можна застосовувати команду @import
"style2.css"


Значення властивостей:

12px, %, pt

em - розмір шрифта потомчного елемента

height: 3em - висота в три висоти шрифта

Типи селекторів

Селектор тегу:

Strong {font-weight: normal; font-size: 120%}

В данному стилі змінюється поведінка тегу <Strong>

Селектор класу:

.MyClass1 {color:red}

B.MyClass1 {....}
Приняття атрибутів класу тільки для <b>

<h1 class="MyClass1">
<B class="....">

 

ФОН - зображення колор
Шрифт - розмір, фемілі, колір
Границі

Селектор ID

#menu {....}

<ul id="menu">
.....

p#menu

id повинен бути унікальним. Ця властивість використовується в Java Script для доступу до елементів.

На один елемент можна навісити декілька класів:
<h1 class="red MyClass1">

Пріоритетність застосування стіл:
1) Зовнішній (найнижчий пріоритет)
2) Внутрішній
3) INLINE - стиль

<h1 class="red MyClass1" !impotant>
!impotant - зміна в пріоритеті застосування стилів.

– Конец работы –

Эта тема принадлежит разделу:

ЛАБ2. Продемонструвати рядкові та блочні елементи, таблиці

ЛАБ Продемонструвати роботу з CSS всі способи підключення Продемонструвати типи селекторів Продемонструвати роботу з фоном шрифтом... Веб структури... HTTP hyper text transfer protocol простокол обмінуданних...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Основний синтаксис CSS

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

БЛОЧНІ ЕЛЕМЕНТИ
Блочний елемент - елемент котрий відображається на Веб сторінці у вигляді прямокутника. Заголовки <h1>, абзаци <p>, підкреслення <hr>, списки <ul> <ol> -

Таблиці
<table> <tr> <td>1</td> <td>2</td> </tr> <tr> <td> 3 </td> <td>4 </td>

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги