웹 프로그래밍
-
CSS Tutorial (7) inheritance and z-index / CSS 시작하기 (7) 마지막 편 상속과 z-indexProgramming/Web Programming 2023. 1. 24. 07:40
챕터 5의 두번째 분량이다. 여기까지의 내용이 마지막 강의 내용이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터5. 한 걸음 더 나아가기 - 상호작용, 세부 위치 등 세세한 부분까지 생각하기 (Part2) 4강. inherit (상속), initial, unset (1) 상속 (Inheritance) 상속(Inhertiance)이란 하위 요소가 상위 요소의 스타일 속성값을 물려받는 것을 의미..
-
CSS Tutorial (6) / CSS 시작하기 (6) 선택자, 의사클래스와 의사요소Programming/Web Programming 2023. 1. 23. 14:24
마지막 5챕터의 내용들이다. 분량이 많아 2편으로 나누지 않을까 싶다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 5챕터. 한 걸음 더 나아가기 - 상호작용, 세부 위치 등 세세한 부분까지 생각하기 1강. 선택자 2편, 특성 선택자와 결합자 (1) 선택자 선택자란 어떤 요소에 스타일을 적용할 것인지에 대한 정보. (2) 선택자의 종류 기본 선택자 => (1)편에서 다룬 내용 그룹 선택자 => (2..
-
CSS Tutorial (5) flexbox / CSS 시작하기 (5) flexboxProgramming/Web Programming 2023. 1. 23. 10:34
4챕터 flexbox에 관한 내용이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터 4. flexbox - flexbox 속성 활용하기 1강. flexbox 1편, 정의 및 사용 방법 (1) flexbox flexbox란 flex박스 내 요소 간의 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델이다. 1차원 레이아웃 모델이란? flexbox를 1차원 모델이라 부르는 이유는, 레이아..
-
CSS Tutorial (4) set position / CSS 시작하기 (4) 위치 정하기Programming/Web Programming 2023. 1. 23. 08:42
챕터3의 주제는 위치 정하기 float과 position이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터3. 위치 정하기 - float과 position 1강. float 그리고 clear (1) float float 속성은 요소가 문서의 일반적인 흐름에서 제외되어 자신을 포함하고 있는 컨테이너의 왼쪽이나 오른쪽에 배치 되도록 한다. 문서의 일반적인 흐름이란 무엇일까? 흔히 웹브러우저에서 렌..