# CSS

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

13416개의 포스트
post-thumbnail

CSS 애니메이션과 JavaScript 애니메이션의 차이점

CSS 애니메이션 ↔ JS 애니메이션

34분 전
·
0개의 댓글
·
post-thumbnail

[CSS] 블럭 요소 vs 인라인 요소

블럭 요소와 인라인 요소의 차이점에 대해 알아보자.블럭 요소는 다음과 같은 세 가지의 특징을 가진다.한 줄에 하나씩 쌓인다.가로와 세로 길이를 직접 명시할 수 있다.화면 배치를 위해 사용한다. div가 두 줄에 걸쳐 나타나는 모습이다. padding 전 padding

약 2시간 전
·
0개의 댓글
·

마진 상쇄, 마진 겹침(Margin Collapse)의 원인과 해결방법

HTML/CSS는 공부하면 할수록 어려운 파트인 것 같다. 자바스크립트보다 상대적으로 배워야할게 적어서 쉽사리 무시하는 경향이 있는데, 어렴풋이 대충 공부하다가 나처럼 항상 이런 얼토당토 않는 일들로 뒤통수를 한대씩 얻어 맞는다.Margin Collapse의 현상은 위

약 2시간 전
·
0개의 댓글
·

React로 주사위 만들기

리액트로 주사위를 만들어보자

약 2시간 전
·
0개의 댓글
·

[CSS] 박스 모델

0207 CSS 박스 모델이란? : 문서의 영역을 나타내는 개념으로 총 네 가지의 content : 내용물을 담음 padding : content를 두툼히 포장함 border : padding의 경계 margin : border 밖의 여백 ![](https:/

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

CSS 초기화하는 방법

웹브라우저마다 default 값으로 스타일이 알아서 적용된다.ex) 입력하지 않아도 브라우저에서 자동으로 margin 값이 적용되는 경우이는 브라우저마다 다르게 보여질 수 있기 때문에CSS 스타일을 통일하여 보여줄 필요가 있다.default 값을 초기화 하기 위해 필요

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

head 태그를 구성하는 요소, meta와 favicon

내용은 body 태그에 쓰면 되는데, 그렇다면 head 태그에는 무엇을 쓸까? head 태그 구성 요소 > 1. css 파일 link style title meta favicon : ico head 태그는 위5가지로 구성된다. meta란? meta는 웹브라우저의

약 4시간 전
·
0개의 댓글
·

웹개발 종합반 1-2

css를 작성할때 꼭 같이 붙어다녀야하는 코드들이있다이미지를 삽입할때 같이 쓰이는 코드들이다.내용물을 정렬할때 같이 쓰이는 코드들이다. 가로정렬 하려면 column이 아닌 row를 사용하면 된다.기억해뒀다가 나중에 써먹자.

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

좋은제품연구소 시안코딩

💻 좋은제품연구소 시안코딩 사이트: 좋은제품연구소 사용언어: HTML, CSS 분류: 적응형 PC, 시안코딩 포토샵 시안을 통해 좋은제품연구소라는 사이트를 코딩(PC버전, 모바일버전)하였습니다. 📌 KEY POINT pc버전 포토샵에서 원하는 부분 사진 크롭

약 16시간 전
·
0개의 댓글
·

[css] 글자 높이만큼 줄 변경

[css] 글자 높이만큼 줄 변경

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

Today I Learned 2023.02.06.

css의 개념 숙지하기. 헷갈리는 개념 정리해두기.

약 21시간 전
·
0개의 댓글
·

[22-23 동계 모각코] 4회차 목표 및 결과

4회차: 23/02/06 15:00 ~ 19:00계획: CSS 기본 정리목적: React 사용을 위함방향: CSS의 기본 문법을 정리하고 간단한 웹페이지를 만들어보기

어제
·
0개의 댓글
·
post-thumbnail

[HTML,CSS/미니프로젝트] 인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽

스파르타코딩클럽 인생사진 쏙쏙 코딩네컷미니 프로젝트본 프로젝트는 스파르타코딩클럽에서 2월, 무료로 제공하는 강좌를 보고 하는 것으로 HTML과 CSS를 사용해 사진을 담은 네컷 프레임 웹페이지를 만들어보는 프로젝트이다.실행 환경: VSCodeVS Code에서 !, Ta

어제
·
0개의 댓글
·

CSS 미디어쿼리를 사용하여 반응형 화면 개발하기

CSS 미디어쿼리를 사용하여 반응형 화면 개발하는 다양한 방법

어제
·
0개의 댓글
·

Flaground 커뮤니티(작성중)

ReactReduxReact-PaginationUniversal-Cookiesaxios수원대학교 개발 동아리 Flag에서 개발한 수원대학교 학생들이 사용할 수 있는 수원대 전용 커뮤니티프론트엔드 팀장(프로젝트 개발 기획, 업무 분담) / 로그인, 회원가입 / 유저(프로

어제
·
0개의 댓글
·
post-thumbnail

HTML/CSS - 추가 복습

#프론트엔드 #frontend #프론트엔드스쿨 #프론트엔드공부 #개발공부 #프론트엔드개발자 #취준일기 #취준기록 #취뽀 #빡공 #제로베이스

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

[FE 면접 준비] HTML/CSS 질문

이 글은 프론트엔드 면접 준비를 위해 정리한 HTML, CSS 질문들이다.

1일 전
·
0개의 댓글
·

웹페이지 시스템 폰트 적용하기

웹개발을 할때 ui 측면에서 중요하게 여기는 것 중 하나는 모든 브라우저에서 웹페이지가 디자인대로 나오는 것이다. 사실상 브라우저마다 기본 스타일이 다르기 때문에 똑같이는 어렵더라도, 비슷하게라도 나오게끔 개발을 진행하는데 이를 보통은 reset css, normali

1일 전
·
0개의 댓글
·

All

CSS API - All

1일 전
·
0개의 댓글
·

2023-02-05(CSS의class와id차이)

둘 다 역할은 비슷하다. 하는 일은 이름을 정해주고 그 이름을 불러오는 방식으로 진행된다. (둘 다 태그에서 설정한 속성에 따라 스타일을 지정한다는 점.)위 예제를 보면 둘의 차이를 명확하게 알 수 있따.classclass를 불러올 때는 클래스명 앞에 마침표(.)를

2일 전
·
0개의 댓글
·