# CSS

종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.

1678개의 포스트
post-thumbnail

tailwindcss

HTML를 떠나지 않고 빠르게 모던 웹사이트 개발, inline 형태로 UI를 표현하는 방식을 선호, css에 선언하고 사용 가능 (dirtective)

약 6시간 전
·
0개의 댓글

[2.1] Learning CSS

Style

약 6시간 전
·
0개의 댓글
post-thumbnail

20.12.04 HTML , CSS 기초

TIL 5일차 - HTML, CSS 기초

약 13시간 전
·
0개의 댓글

자기소개

사전스터디 첫 주.

약 14시간 전
·
0개의 댓글
post-thumbnail

TIL #2 CSS-선택자

CSS를 사용하는 데에는 HTML이 기본이 되야한다

약 23시간 전
·
0개의 댓글
post-thumbnail

CSS 문법과 선언방식, 단위

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. CSS Declaration 문법 선택자 (속성과 값을 지정할 대상을 검색 및 선택), 속성, 값으로 구성 선언방식 inline : html의 요소에 직접 작성 (선택자가 별도로 필요하지 않음

어제
·
0개의 댓글

[신입4] 캐시 삭제와 트래픽 초과

전에 다니던 회사에서도 운영하는 사이트가 있었고 내가 나름 사이트 관리자였기 때문에 트래픽 용량을 신경 써야 했다. 실제로 트래픽 용량이 초과하여 시키는 대로 초기화를 시키기도 했다. 하지만 트래픽이 뭔지 설명을 봐도 이해할 수 없는 지식수준이었기 때문에 트래픽 관련

어제
·
0개의 댓글

Typography

이번 글에서는 대충 알고 쓰고 있는 것 같아 언젠가 한번은 정리하려 했던, font 관련 설정들에 대해 정리하고자 한다.Typography is the art and technique of arranging type to make written language legi

1일 전
·
0개의 댓글
post-thumbnail

텍스트 꾸미기(CSS)

글자관련 CSS속성글꼴크기에서 중요한 단위!절대단위 : px, pt등상대단위 : %, em, rem, ch, vw, vh 등\*\*1\. 절대적으로 확실한 크기로 정하고 싶을 때 - px(픽셀) 추천예시로 출력용2\. 보통의 경우 - rem추천root의 글자크기로써,

1일 전
·
0개의 댓글
post-thumbnail

CSS 필수 개념 #2 Box Model

Box Model은 총 4가지로 이루어져 있다. 그리고 모든 html의 요소들은 위와 같은 그림의 박스모델로 이루어져 있다.박스는 순서대로 Content, Padding, Border 그리고 Margin으로 이루어져 있다.Content말 그대로 element의 내용물을

1일 전
·
0개의 댓글

css - 화면에 배경 이미지 꽉 차게 하려면?

왓차 화면을 긁었는데, Home에 영화카드를 띄우면 footer와 겹친다.background와 같은 위치 속성에 height: 100vh;가 있었다. 따라서 화면 크기만큼만 background가 적용되고 스크롤을 내리자마자 footer 위치인데, 억지로 영화카드를 집어

1일 전
·
0개의 댓글
post-thumbnail

TIL no.1 CSS Font-Size/Units of Length

🤦‍♀️ px와 % 밖에 몰랐던 자여...

2일 전
·
0개의 댓글
post-thumbnail

웹페이지 성능 개선하기: 이미지와 그라데이션

복잡한 그래픽이 많은 페이지의 성능 개선하기

2일 전
·
0개의 댓글

CSS Selectors

요소, 클래스, ID 선택자(Type, Class, ID Selector) Child, Descendant & Sibling Combinators Structural Pseudo-classes User Action Pseudo-classes

3일 전
·
0개의 댓글

CSS Animations

CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임들로 이루어집니다.CSS 애니메이션은 기존에 사용되던 스크립트를 이용한

3일 전
·
0개의 댓글

CSS Transition

CSS 트랜지션은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다. 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 할 수 있습니다. 예를 들어, 여러분이 어떤 요소의 색상을 흰색에서 검은색으로 변경한다면

3일 전
·
0개의 댓글
post-thumbnail

CSS 필수개념 #1 CSS의 작동원리

현재 Udemy에서 듣고 있는 Jonas Schmedtmann의 CSS/Sass강의가 마무리 되어간다. 원래 CSS는 자신이 있었기에 강의를 듣는 목적도 Refresh하기 위함이었지 뭘 딱히 배우자는 목적은 아니었다. 하지만 강의를 하나 하나 들을수록 내가 얼마나 CS

3일 전
·
0개의 댓글

CSS Background 이해하기

background 속성은 태그의 배경을 지정하는 속성으로, font 속성과 비슷하게 세부적인 속성들을 한번에 쓸 수 있는 속성입니다.배경색을 의미하며, 값은 color 속성의 포맷을 사용합니다.배경 이미지를 설정하며, 주로 이미지 경로를 지정하는 방식으로 사용합니다.

3일 전
·
0개의 댓글

CSS Typography

Typography 글자와 문단의 속성을 제어하며 다음과 같은 스타일을 사용한다. (1) 스타일 종류 1) 글자 가. font-family 나. font-size 다. line-height 라. font-weight 마. font-style

3일 전
·
0개의 댓글

CSS Media Query

CSS Media Query는 예를 들어 "뷰포트가 480 픽셀보다 넓다."라고 여러분이 지정한 규칙에 브라우저 및 장치 환경이 일치하는 경우에만 CSS를 적용할 수 있는 방법을 제공합니다. 미디어 쿼리는 반응형 웹 디자인의 핵심 부분이다. 뷰포트의 크기에 따라 서로

3일 전
·
0개의 댓글