when the content of an element is too big to
fit in a specified area. Has the following values:visible | scroll | hidden | auto
Note: The overflow property only works for block elements with a specified height.and width
Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Cascading Style Sheets CSS
Содержание
- 1. Cascading Style Sheets CSS
- 2. Overflow PropertySpecifies whether to clip content or
- 3. Float and Clear PropertiesThe float property specifies whether or
- 4. Horizontal and Vertical AlignTo horizontally center a
- 5. Pseudo ClassesUsed to define a special state
- 6. Pseudo ElementsUsed to style specified parts of
- 7. Opacity PropertySpecifies the transparency of an element. IE8 and earlier use filter:alpha(opacity=x), 0
- 8. Скачать презентанцию
Overflow PropertySpecifies whether to clip content or to add scrollbars when the content of an element is too big to fit in a specified area. Has the following values:visible | scroll
Слайды и текст этой презентации
Слайд 2Overflow Property
Specifies whether to clip content or to add scrollbars
visible | scroll | hidden | auto
Note: The overflow property only works for block elements with a specified height.and width
Слайд 3Float and Clear Properties
The float property specifies whether or not an element
should float.
The clear property is used to control the behavior of floating
elements.Example:
img {float : right;}
div {clear:right;}
Note: The same effect can be achieved by inline-block value of display property.
Слайд 4Horizontal and Vertical Align
To horizontally center a block element margin
can be used. Works only if width is set.
Another method is
to use position, floatTo just center the text inside an element, use text-align.
For vertical align use padding, line-height (equal to height)
Question: How to align image?
Слайд 5Pseudo Classes
Used to define a special state of an element:
:first-child; :last-child;
:Nth-child(n)
selects the element that is the nth child regardless of parent’s type
:Nth-of
–type(n) matches every element that is the nth child, of a particular type, of its parent.:not(selector), etc.
Слайд 6Pseudo Elements
Used to style specified parts of an element:
::after
::before
::first-line
::first-letter
::selection -
(color, background, cursor, outline properties can be used)
Слайд 7Opacity Property
Specifies the transparency of an element. IE8 and earlier
use filter:alpha(opacity=x), 0
from being transparent:rgba (red, green, blue, alpha); 0.0<=alpha<=1.0
