HTML/CSS

HTML : Hypertext Markup Language웹 페이지를 표현하기 위해 사용하는 언어웹 브라우저는 HTML 문서를 우리가 볼 수 있는 웹 페이지 형태로 변환해준다.웹 브라우저 예시 : Chrome, Internet Explorer, Safari…웹 페이지는

Heading 태그는 제목을 나타낸다.<h1>부터 <h6>까지 총 6개의 레벨이 있다.< h1 >이 가장 크고, < h6 >이 가장 작다.레벨을 중간에 건너뛰지 않고 순차적으로 작성하는 것이 좋다.예) < h1 > 하위에 바로 < h3

웹 상에서 사용자의 입력을 받아서, 클라이언트에서 서버로 정보를 제출하기 위한 요소(Element)<form> 태그 사용주요 속성(Attribute)⭐️ action : 폼 데이터를 보낼 URI 지정submit, button 등을 통해 사용자가 데이터를 제출하는

HTML로 작성한 웹 페이지에 스타일을 적용하기 위해 사용되는 언어Cascading Style SheetCascading : 계단식 (위에서 아래로 흐르는)상속 : 상위 요소의 스타일이 하위 요소에게 상속됨우선순위 : 여러개의 CSS rule을 동시에 선언했을 때, C

Color 표현 방법1\. 이름미리 정해진 색상 이름blue, red, yellow, lightblue, cyan …현업에서는 디자인에서 정확한 색상 코드(16진수)로 주로 넘어오기 때문에 잘 쓰지 않는 방법2\. rgb or rgba값rgb : 0~255까지의 값으로

어떤 HTML 요소에 스타일을 입힐지 지정하기 위한 것하나의 HTML 파일에서 Selector에 해당하는 모든 요소에 CSS를 적용할 수 있음CSS, Javascript 모두 사용되는 개념학습 방법 : 모든 선택자를 다 외울 수는 없음. 주요 선택자를 학습하고, 개발자

CSS의 display 속성을 통해서 inline 요소, block 요소로 변경해줄 수 있다.1) inline영역의 크기가 딱 컨텐츠 크기로 정해짐width, height 지정 불가능margin, padding의 top, bottom을 지정할 수 없음. 양 옆(left

1차원 직선의 형태(행과 열)로 요소들을 정렬하기 위해서 나온 개념컨테이너와 아이템이 함께 있어야 함항목은 부족한 공간에 맞추기 위해 축소되거나 여분의 공간을 채우기 위해 변형됨flex: 부모자식관계가 성립되야 flex개념 도입 가능item은 아이템이자 컨테이너 일 수