# CSS
종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.
[CSS] 블럭 요소 vs 인라인 요소
블럭 요소와 인라인 요소의 차이점에 대해 알아보자.블럭 요소는 다음과 같은 세 가지의 특징을 가진다.한 줄에 하나씩 쌓인다.가로와 세로 길이를 직접 명시할 수 있다.화면 배치를 위해 사용한다. div가 두 줄에 걸쳐 나타나는 모습이다. padding 전 padding
마진 상쇄, 마진 겹침(Margin Collapse)의 원인과 해결방법
HTML/CSS는 공부하면 할수록 어려운 파트인 것 같다. 자바스크립트보다 상대적으로 배워야할게 적어서 쉽사리 무시하는 경향이 있는데, 어렴풋이 대충 공부하다가 나처럼 항상 이런 얼토당토 않는 일들로 뒤통수를 한대씩 얻어 맞는다.Margin Collapse의 현상은 위
[CSS] 박스 모델
0207 CSS 박스 모델이란? : 문서의 영역을 나타내는 개념으로 총 네 가지의 content : 내용물을 담음 padding : content를 두툼히 포장함 border : padding의 경계 margin : border 밖의 여백 
CSS 초기화하는 방법
웹브라우저마다 default 값으로 스타일이 알아서 적용된다.ex) 입력하지 않아도 브라우저에서 자동으로 margin 값이 적용되는 경우이는 브라우저마다 다르게 보여질 수 있기 때문에CSS 스타일을 통일하여 보여줄 필요가 있다.default 값을 초기화 하기 위해 필요
head 태그를 구성하는 요소, meta와 favicon
내용은 body 태그에 쓰면 되는데, 그렇다면 head 태그에는 무엇을 쓸까? head 태그 구성 요소 > 1. css 파일 link style title meta favicon : ico head 태그는 위5가지로 구성된다. meta란? meta는 웹브라우저의
웹개발 종합반 1-2
css를 작성할때 꼭 같이 붙어다녀야하는 코드들이있다이미지를 삽입할때 같이 쓰이는 코드들이다.내용물을 정렬할때 같이 쓰이는 코드들이다. 가로정렬 하려면 column이 아닌 row를 사용하면 된다.기억해뒀다가 나중에 써먹자.
좋은제품연구소 시안코딩
💻 좋은제품연구소 시안코딩 사이트: 좋은제품연구소 사용언어: HTML, CSS 분류: 적응형 PC, 시안코딩 포토샵 시안을 통해 좋은제품연구소라는 사이트를 코딩(PC버전, 모바일버전)하였습니다. 📌 KEY POINT pc버전 포토샵에서 원하는 부분 사진 크롭
[22-23 동계 모각코] 4회차 목표 및 결과
4회차: 23/02/06 15:00 ~ 19:00계획: CSS 기본 정리목적: React 사용을 위함방향: CSS의 기본 문법을 정리하고 간단한 웹페이지를 만들어보기
[HTML,CSS/미니프로젝트] 인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽
스파르타코딩클럽 인생사진 쏙쏙 코딩네컷미니 프로젝트본 프로젝트는 스파르타코딩클럽에서 2월, 무료로 제공하는 강좌를 보고 하는 것으로 HTML과 CSS를 사용해 사진을 담은 네컷 프레임 웹페이지를 만들어보는 프로젝트이다.실행 환경: VSCodeVS Code에서 !, Ta
Flaground 커뮤니티(작성중)
ReactReduxReact-PaginationUniversal-Cookiesaxios수원대학교 개발 동아리 Flag에서 개발한 수원대학교 학생들이 사용할 수 있는 수원대 전용 커뮤니티프론트엔드 팀장(프로젝트 개발 기획, 업무 분담) / 로그인, 회원가입 / 유저(프로
HTML/CSS - 추가 복습
#프론트엔드 #frontend #프론트엔드스쿨 #프론트엔드공부 #개발공부 #프론트엔드개발자 #취준일기 #취준기록 #취뽀 #빡공 #제로베이스
웹페이지 시스템 폰트 적용하기
웹개발을 할때 ui 측면에서 중요하게 여기는 것 중 하나는 모든 브라우저에서 웹페이지가 디자인대로 나오는 것이다. 사실상 브라우저마다 기본 스타일이 다르기 때문에 똑같이는 어렵더라도, 비슷하게라도 나오게끔 개발을 진행하는데 이를 보통은 reset css, normali
2023-02-05(CSS의class와id차이)
둘 다 역할은 비슷하다. 하는 일은 이름을 정해주고 그 이름을 불러오는 방식으로 진행된다. (둘 다 태그에서 설정한 속성에 따라 스타일을 지정한다는 점.)위 예제를 보면 둘의 차이를 명확하게 알 수 있따.classclass를 불러올 때는 클래스명 앞에 마침표(.)를