일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
Tags
- Euler
- 코딩도장
- dictation
- UE4
- Java
- 파이썬
- codecademy
- html5
- unreal engine4
- std
- Project
- C++
- 연결리스트
- Polymorphism
- Bull
- 파이선
- for
- python
- cout
- html
- bool
- if
- cow
- Unreal
- 알고리즘
- CSS
- endl
- Notting hill
- 영알남
- font weight
Archives
- Today
- Total
CSS Layout Review 본문
Review: Layout
Great job! In this lesson, you learned how to control the positioning of elements on a web page.
Let's review what you've learned so far:
- The
position
property allows you to specify the position of an element in three different ways. - When set to
relative
, an element's position is relative to its default position on the page. - When set to
absolute
, an element's position can be pinned to any part of the web page, but the element will still move out of view when the page is scrolled. - When set to
fixed
, an element's position can be pinned to any part of the web page. The element will remain in view no matter what. - The
z-index
of an element specifies how far back or how far forward an element appears on the page. - The
float
property can move elements as far left or as far right as possible on a web page. - You can clear an element's left or right side (or both) using the
clear
property.
When combined with an understanding of the box model, positioning can create visually appealing web pages. So far, we've focused on adding content in the form of text to a web page. In the next unit, you'll learn how to add and manipulate images to a web page.
'Programming > 웹 개발' 카테고리의 다른 글
서브라임 단축키 (필요한 것만 계속 추가) (0) | 2018.01.12 |
---|---|
CSS Visual Rules (0) | 2018.01.12 |
CSS Selectors Review (0) | 2018.01.12 |
HTML TABLE REVIEW (0) | 2018.01.11 |
HTML Tag Review (0) | 2018.01.11 |
Comments