html5+CSS3 21

CSS 디스플레이(Display) && 포지션(Position)

안녕하세요~ 요즘 활동이 빈번한 점 양해부탁드립니다. 최근 개강하면서 새로운 마음과 목표를 정하다보니 블로그에 글을 남기는게 까먹기도 하고 그러네요 ㅠㅠ 최근 다른 언어도 공부중이기도 합니다. 그럼 본론으로 넘어가겠습니다~ 오늘은 CSS 디스플레이(Display)와 포지션(Position)에 대해 알아보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강..

html5+CSS3 2024.03.08

CSS 박스 모델(Box Model) && 박스 사이즈(box-sizing)

안녕하세요~ 오늘은 CSS에서 박스 모델(Box Model)과 박스 사이즈(box-sizing)에 대해 알아보겠습니다. 먼저 박스 모델부터 살펴보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML..

html5+CSS3 2024.03.03

CSS 여백과 테두리 스타일 적용

안녕하세요 오늘 알아볼 내용은 여백과 테두리 스타일 적용에 대해 알아보겠습니다. 여백은 크게 두 가지 형태로 나뉩니다. 내부 여백(padding) 과 외부 여백(margin)으로 구분됩니다. 먼저 내부 여백은 요소의 테두리와 그 내용 사이의 공간을 의미합니다. 이를 설정하기 위해서는 'padding' 속성을 사용합니다. 다음은 외부 여백(Margin)에 대해서 설명하겠습니다. 외부 여백(Margin): 외부 여백은 요소의 바깥쪽 공간을 의미합니다. 이 공간은 해당 요소와 인접한 다른 요소들 사이의 간격을 결정합니다. 이를 설정하기 위해서는 'margin' 속성을 사용합니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/cour..

html5+CSS3 2024.02.29

CSS 배경에 적용할 수 있는 속성(Background-Style)

안녕하세요~ 며칠간 글이 빈번하게 올라오는 점 양해부탁드립니다. 새학기를 맞이하는 겸에 회복하는 시간을 가졌습니다. 그럼 본문으로 넘어가겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/ www..

html5+CSS3 2024.02.29

CSS 가상 선택자(Pseudo-selector)

안녕하세요~ 새학기가 다가오고 있습니다. 새학기 준비 잘하시고, 건강이 우선이랍니다!! 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/ www.inflearn.com 오늘은 가상 선택자(Pseudo-s..

html5+CSS3 2024.02.24

CSS 링크(link), 리스트 스타일(list-style)

안녕하세요~ 오늘은 CSS 링크에 스타일을 적용하는 방법, 리스트 스타일에 대해 알려드리겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/ www.inflearn.com 먼저 링크에 스타일을 적..

html5+CSS3 2024.02.24

CSS 텍스트와 폰트 스타일

안녕하세요~ 오늘은 CSS에서 텍스트에 적용할 수 있는 속성들과 폰트 스타일에 대해 다뤄볼까 합니다. 먼저 CSS에서 텍스트에 적용할 수 있는 속성들을 살펴보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치..

html5+CSS3 2024.02.23

CSS 선택자의 종류와 개념

안녕하세요~ 이번에는 CSS 에서 선택자(Selector)에 대해 알아보겠습니다. 선택자(Selector)란? 스타일을 적용하려는 HTML 요소를 선택하는 역할을 의미하고, 선택자(Selector)는 다양한 종류가 있습니다. 몇가지만 간단하게 설명해드리겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입..

html5+CSS3 2024.02.20

HTML에 스타일을 적용하는 방법 인라인(In-line), 익스터널(External), 인터널(Internal)

안녕하세요~ 요즘 활동이 빈번해서 죄송합니다 ㅠㅠ 개강하는 날이 다가오니 잠시 휴식과 함께 여행도 다녀왔습니다. 오늘 준비한 내용은 HTML에 스타일을 적용하는 방법에 대해 몇 가지 알아보고 가겠습니다. HTML에 스타일을 적용하는 방법 중 인라인(in-line), 익스터널(External), 인터널(Internal) 에 대해 설명해드리겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백..

html5+CSS3 2024.02.19

CSS3가 웹 사이트에 미치는 영향, 주요 기능과 사용하는 이유

안녕하세요~ 설날 연휴 잘 보내시고 계시나요? 저도 연휴를 보내면서 자기계발을 통한 학습을 하고 있습니다. 다들 설날 연휴 잘 보내시고 행복한 하루 되시길 바랍니다. 오늘은 CSS3를 실습하기 전 CSS3에 대해 자세하게 알아보고 실습하는 단계로 넘어가겠습니다. 먼저 CSS3가 웹 사이트에 어떤 영향을 주는지 살펴보겠습니다. 웹 사이트에 주는 영향 1. 디자인 향상 - CSS3는 그림자, 그라디언트, 애니메이션 등과 같은 다양한 기능을 제공합니다. 2. 사용자 경험 개선 - CSS3의 기능을 활용하면 웹 사이트의 사용자 경험을 크게 향상시킬 수 있습니다. 3. 반응형 웹 디자인 - CSS3의 미디어 쿼리 기능을 이용하면, 웹 사이트가 다양한 화면 크기와 장치에 적응하도록 만들 수 있습니다. 4. 성능 최..

html5+CSS3 2024.02.11