Web Development16 3. HTML: The Essentials 19. Introduction to HTML HTML - Hyper Text Markup Language, make this part bold, a link, a paragraph, ... HTML elements - we create elements by tags 25. HTML Boilerplate We write our HTML in a standard "skeleton" Hello HTML!! 2022. 12. 6. 2. An Introduction to Web Development 12. Intro to the Web The Internet - global network of interconnected computers that communicate via TCP/IP, networks of networks The Web - the World Wide Web is an information system where documents and others resources are available over the Internet, documents are transferred via HTTP HTTP requests - foundation of communication on the WWW, Hyper Text Transfer Protocol, request / response Web s.. 2022. 12. 6. 10. Responsive CSS & Flexbox 103. Flex-Direction 어떤 container의 attribute display를 flex로 설정하면 flex model을 사용할 수 있다. 기본적으로 main axis 방향인 좌우로 item들이 쌓이고, 축을 바꿀 수도 있다. attribute flex-direction은 main axis의 방향과 main start 지점을 바꾼다. flex-direction: row (default) / row-reverse (아래 -> 위) / column (좌 -> 우) / column-reverse (우 -> 좌) 104. Justify-Content main axis를 기준으로 item를 어떤 위치에서 어떤 방식으로 둘지를 지정한다. justify-content: flex-start (main s.. 2022. 3. 17. 9. Other Assorted Useful CSS Properties 92. Opacity & The Alpha Channel rgba의 alpha channel을 통해 opacity를 조절할 수 있다. 0에 가까울수록 투명하고 1에 가까울수록 불투명하다. 아니면 opacity property를 사용해서 조절할 수도 있다. app.css div { display: inline-block; width: 500px; height: 260px; padding: 120px 0px; background-color: black; color: white; font-size: 100px; text-align: center; } #alpha { background-color: rgba(0, 0, 0, 0.1); } #opacity { opacity: 0.3; } result 93. The.. 2022. 3. 16. 이전 1 2 3 4 다음
