Web Development16 8. The CSS Box Model 83 - 86. Box Model: Width & Height & Border & Border-Radius & Padding & Margin CSS의 모든 것들은 box로 이루어져 있다. 밑의 이미지가 모든 명칭들을 설명해준다. 87. The Display Property Inline: width, height를 무시한다. 위아래는 padding, margin을 무시한다. Block: 한 줄을 차지하며 width, height, padding, margin 모두 고려한다. Inline-block: width, height, padding, margin 모두를 고려한다는 점 빼고 inline처럼 동작한다. 2022. 3. 15. 7. The World of CSS Selectors 복습을 무조건 해야겠다는 깨달음을 얻었다! 학습에는 무조건 복습이 필요하다. 69 - 71. Universal & Element & Id & Class Selectors Universal selector: * Element selector: element Id selector: #id Class selector: .class 72 - 74. The Descendant & Adjacent & Direct-Descendant & Attribute selectors Descendant selector: element element Adjacent selector: element + element Direct-descendant selector: element > element Attribute selector.. 2022. 3. 15. 6. CSS: The Very Basics 60. Including Styles Correctly style을 입히는 세 가지 방법이 있다. 1. Inline styles, 2. the element, 3. external stylesheet 세 번째 방법이 주로 쓰인다. .css 파일을 만들고 link element로 연결시켜 준다. index.html Hello CSS!!! app.css h1 { color: brown; } result 62 - 63. Colors Systems: RGB & Named Colors & Hexadecimal css 파일에서 색을 표현할 때 사용하는 여러 방법이 있다. keyword를 사용하는 방법, rgb 값을 사용하는 방법, hsl 값을 사용하는 방법 등 2022. 3. 15. 5. HTML: Forms & Tables 43. Tables: TR, TD and TH Elements : The Table Data Cell elements : The Table Row element : The Table Head element Heviest Birds Animal Average mass [kg (lb)] Maximum mass [kg (lb)] Flighted Ostrich 104(230) 156.8(346) No Somali Ostrich 90(200) 130(287) No 44. Tables: Thead, Tbody, and Tfoot Elements : The Table Head element : The Table Body element : The Table Foot element semantic element라 생각하.. 2022. 3. 14. 이전 1 2 3 4 다음
