# CSS
종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.
2023-02-16 회고 : HTML/CSS 활용
작성 일시: 2023년 2월 16일 오후 10:28태그: 데일리Unit4 - HTML/CSS 활용Chapter1. 레이아웃 💡 학습 목표레이아웃을 위한 HTML을 만들 수 있다.Chapter 1-1. 와이어프레임 💡 개념학습 \*\*와이어프레임(Wirefram
2023-02-15 회고 : CSS기초
Unit3 - CSS 기초Chapter 1. 💡 학습 목표CSS의 사용 목적을 이해한다.CSS의 기본 문법과 구조를 이해한다.CSS를 HTML에 적용하는 방법에 대해서 이해한다.HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유를 이해한다.CSS를 이용해
[CSS] 텍스트 속성 (색상/방향/간격 등)
black, green, red, yellow, white 등R, G, B 값으로 0~255 범위에서 표현투명도를 지정하고 싶다면 RGBA를 사용하는데, A는 0-1 사이 값 중 사용(1은 불투명, 0은 투명)RGB 색상값을 16진수로 변환하여 00~FF 범위에서 표현
한글/영문 폰트크기 차이로 발생하는 요소 크기, 위치 변경 문제 해결
한글 / 영문 폰트의 크기속성 차이로 인해 발생하는 HTML 요소 스타일의 일관성 문제 해결
[TIL] UDR 2023 FE - 002
CSS는 Casacading Style Sheet의 약자로, 뜻 그대로 계단식, 위에서 아래로 흐르는(폭포식) 방식으로 스타일을 지정하는 문서다. 구조, 디자인, 기능 중 디자인을 담당하고 있다. CSS의 문법은 매우 단순하다. HTML Tag는 아무런 표기 없이, c
웹 표준을 지키는 이유는?
국내 웹의 현실은 특정 브라우저와 사용자 등의 이용환경과 비표준 페이지 및 과도한 플러그인 사용으로 장애인, 노약자를 포함한 모든 사용자들에게 운영체제 및 웹 브라우저 등의 정보 접근 제약이 있다.
체크박스 비활성화 효과
비활성화를 원하는 input 태그에 disabled 속성 추가체크박스 기본 스타일 설정체크박스에 :active를 사용해 누르는 효과 주기 :not()을 사용해 비활성화 체크박스를 제외한다비활성화 체크박스 스타일링 활성화되는 체크박스와 비교하기 위해 투명도를 내림
Grid
📌 grid-column-start : 그리드 세로선에서 시작되는 영역을 가리킨다. grid-column-start: 3 그리드 세번째 세로선에서 시작되는 영역(그리드의 왼쪽에서 세번째 열(column) 항목)을 뜻한다. grid-column-start: -3 그
Flex
https://flexboxfroggy.com/#ko justify-content : 중심축 방향으로 정렬 >flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의
[CSS] align-content vs align-items
한 줄 일 경우 사용.전체 content의 정렬align-content는 두 줄 이상일 경우에 사용.개별 content의 정렬자식을 각각 다른 방법으로 정렬, 개별 정렬
pseudo-class와 pseudo-element
CSS에서 pseudo-class와 pseudo-element는 선택자(selector)를 통해 문서 내의 특정 요소(element)를 선택하는 방법이다. 하지만 pseudo-class와 pseudo-element는 서로 다른 역할과 기능을 가지고 있어 정리를 해보았다
[CSS] 스타일 적용의 우선순위
인라인 스타일이 적용된 태그는 가장 높은 우선순위를 가지고 적용된다.내부와 외부 스타일 시트의 경우, 가장 마지막에 적용된 스타일 시트가 적용된다.즉