프로필사진
FE_Log
JunO3O
홈
방명록
전체글
검색
카테고리
태그 보기
즐겨찾기
태그 목록
박스 속성 중앙 레이아웃 입력 양식 자손 선택자 그레이디언트 반응 선택자 태그 선택자 Udemy 유동 속성 공간 분할 수평 레이아웃 후손 선택자 display 속성 글자 속성 CSS 단위 위치 속성 the web developer bootcamp one true 레이아웃 요소 배치 글자태그 vscode 목록태그 속성 선택자 상태 선택자 글자 생략 구조 선택자 배경 속성 css 아이디 선택자 html
즐겨찾기
Copyright © Design Maker - vlo.
'CSS' 카테고리의 글 목록 (3 Page)

CSS(19)

기본 선택자
댓글수 · 2023.03.21
기본 선택자 종류 형태 설명 전체 선택자 * HTML 페이지 내부의 태그를 모두 선택 태그 선택자 태그 HTML 페이지 내부의 특정 태그를 모두 선택 아이디 선택자 #아이디 특정 id 속성이 있는 태그 선택, 웹 표준에 id 속성은 웹 페이지 내부에서 중복되면 안된다는 규정이 있으므로 아이디 선택자는 특정 태그 하나를 선택할 때 사용 클래스 선택자 .클래스 특정 클래스가 있는 태그 선택 # 전체 선택자 사용하기 ㅁ 전체 선택자는 모든 태그의 color 스타일 속성을 동일한 값으로 변경합니다. 제목 글자 태그 전체 선택자 연습하기. # 태그 선택자 적용하기 ㅁ 만약 h1 태그의 color 스타일 속성에 green 값을 적용하고, p 태그의 color 스타일 속성에 orange 값을 적용하려면 아래와 같이 ..
선택자
댓글수 · 2023.03.21
CSS 선택자 # 선택자 ㅁ 특정 HTML 태그를 선택할 때는 선택자를 사용합니다. ㅁ 선택자를 사용해 특정 HTML 태그를 선택하면 선택한 태그에 원하는 스타일이나 스크립트를 적용할 수 있습니다. ㅁ 아래와 같이 선택자, 스타일 속성, 스타일 값을 지정합니다. h1 { /* h1 은 선택자입니다. */ color : green; /* color 은 속성입니다. */ } /* green 은 스타일 값 입니다. */ ㅁ style 태그 내부에 css 블록을 넣어 작성한 코드를 스타일시트라고 합니다. CSS 선택자를 공부합니다. ㄴ> h1 태그의 color 스타일 속성에 스타일 값을 green으로 준다 ! 라는 뜻입니다. # 선택자 종류 ㅁ CSS 선택자는 스타일시트뿐만 아니라 자바스크립트에서도 사용하는데 ..
플렉서블 박스 레이아웃
댓글수 · 2023.03.21
플렉서블 박스 레이아웃(flexible box layout) # 플렉서블 박스 레이아웃 - 그리드 레이아웃을 기본으로, 플렉스 박스를 원하는 위치에 배치하는 것을 플렉서블 박스 레이아웃이라고 합니다. - 여유 공간에 따라 너비나 높이, 위치를 자유롭게 변형할 수 있습니다. 1. 플렉스 컨테이너(flex container) : 웹 문서에 텍스트나 이미지, 표 등 요소들을 플렉서블하게 사용하려면 먼저 플렉스 컨테이너로 묶어 주어야 합니다. 2. 플렉스 항목(flex item) : 플렉스 컨테이너에 담기는 웹 요소입니다. 위의 그림에서 1~6 번 요소들은 모두 플렉스 항목입니다. 3. 주축(main axis) : 플렉스 컨테이너 안에서 플렉스 항목을 배치하는 기본 방향입니다. 기본적으로 주축은 왼쪽에서 오른쪽..
1 2 3

티스토리툴바