TopLabs. Introduction to responsive design презентация

Июль 31, 2022

Главная
Информатика
TopLabs. Introduction to responsive design

Содержание

2. Viewport content="width=device-width, initial-scale=1"> http://www.w3schools.com/css/css_rwd_viewport.asp
3. CSS3 media queries @media screen and (min-width: 480px) { body { background-color: red; } } http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
4. Including CSS The 3 ways
5. Including CSS
6. Including CSS The 3 ways Tag
7. Including CSS The 3 ways Tag Tag
8. Including CSS The 3 ways Inline CSS “style attribute”
9. Bootstrap Grid
11. Скачать презентацию

Слайд 2

Viewport
content="width=device-width, initial-scale=1">
http://www.w3schools.com/css/css_rwd_viewport.asp

Слайд 3

$CSS3 media queries @media screen and (min-width: 480px) { body { background-color: red; } } http://www.w3schools.com/cssref/css3_pr_mediaquery.asp$

CSS3 media queries
@media screen and (min-width: 480px) {
body {
background-color: red;

}
}

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Слайд 4

Including CSS
The 3 ways

Слайд 5

Including CSS

Слайд 6

Including CSS
The 3 ways
Tag

Слайд 7

Including CSS
The 3 ways
Tag
Tag

Слайд 8

Including CSS
The 3 ways

Inline CSS “style attribute”

Слайд 9

Bootstrap Grid