강의제목 : 비전공자를 위한 HTML/CSS
제공 : 네이버부스트코스
공부일자 : 2021.11.29
🌏5.단위, 배경, 박스모델
💫5-1 정의와 구문
World Wide Web Consortium (W3C)
W3C opens Technical Architecture Group (TAG) election 16 November 2021 | Archive The W3C Advisory Committee, having nominated four individuals, is invited today to vote until 14 December 2021 for three seats in the W3C Technical Architecture Group (TAG) el
www.w3.org
W3Schools Free Online Web Tutorials
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
https://developer.mozilla.org/ko/
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
💫5-3 색상
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
<color> - CSS: Cascading Style Sheets | MDN
The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its background.
developer.mozilla.org
https://www.w3schools.com/css/css3_colors.asp
CSS Colors
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
💫5-4 배경
https://www.w3schools.com/css/css_background.asp
CSS Backgrounds
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
💫5-5 박스
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
Introduction to the CSS basic box model - CSS: Cascading Style Sheets | MDN
When laying out a document, the browser's rendering engine represents each element as a rectangular box according to the standard CSS basic box model. CSS determines the size, position, and properties (color, background, border size, etc.) of these boxes.
developer.mozilla.org
https://www.w3schools.com/css/css_border.asp
CSS Borders
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
💫5-6 패딩
https://developer.mozilla.org/en-US/docs/Web/CSS/padding
padding - CSS: Cascading Style Sheets | MDN
The padding CSS shorthand property sets the padding area on all four sides of an element at once.
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing
💫5-7 마진
Mastering margin collapsing - CSS: Cascading Style Sheets | MDN
The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal), a behavior known as margin collapsing. Note that the margins of float
developer.mozilla.org
Mastering margin collapsing - CSS: Cascading Style Sheets | MDN
The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal), a behavior known as margin collapsing. Note that the margins of float
developer.mozilla.org
https://www.w3schools.com/css/css_margin.asp
CSS Margin
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
'언어 > HTML, CSS' 카테고리의 다른 글
| [강의] 비전공자를 위한 HTML/CSS : PART4 CSS 이해하기 (0) | 2021.11.29 |
|---|---|
| [강의] 비전공자를 위한 HTML/CSS : PART2 HTML 태그 (0) | 2021.11.28 |
| [강의] 비전공자를 위한 HTML/CSS : PART1 HTML이해하기 (0) | 2021.11.27 |