Dani's Dev TokTok

1. 서론CSS display 속성에 대해 알아보기CSS flex 에 대해 알아보기CSS Animation 에 대해 알아보기2. 본론CSS displayCSS 의 display 속성에 대해 알아보았다.display 속성은 브라우저에서 요소를 화면에 어떻게 보이게 할지 결정해주는 속성이다.수업에서는 block, inline, inline-block, flex 에 대해 배웠다(사실 블록과 인라인은 저번주에 배웠는데 플렉스와 같이 묶어서 블로깅했다!)grid에 대해서는 이번이 아니라 다음에 배운다고 하셨다. inline과 blockhtml 태그는 기본적으로 inline 혹은 block 둘 중 하나를 기본값으로 갖는다. 1) inline내용(content)만큼만 공간이 할당된다.content만큼 내용이 할당되기..

1. 서론CSS 속성에 대해 알아보기CSS Position 에 대해 알아보기CSS Transform에 대해 알아보기2. 본론1) 글자 관련 css 속성웹 페이지에서 글꼴을 바꾸거나 글씨 크기나 색상을 바꿀 때 사용하는 css 속성을 알아보자속성용도 font-family 글자체(글꼴) 변경 font-size 글자크기 변경 font-weight 글자 두께(굵기) 변경 font-style 글자 스타일 변경 text-align 글자 정렬 변경 line-height 줖 높이 지정 text-decoration 글자에 라인스타일 지정 color 글자색 지정  font-family웹페이지에서 글꼴(글자채)를 변경해주는 속성이다.웹폰트를 변경하기 위해선 컴퓨터에 저장되어 있는 기본 글꼴을 사용하거나 외부에서 글꼴을 다운..

1. 서론CSS 선택자에 대해 알아보기2. 본론CSS 선택자(Selector)CSS 선택자는 HTML 요소의 스타일을 적용하기 위해 어떤 HTML 요소를 선택해야 하는지 브라우저에게 알려주는 CSS 규칙이다.선택자 {속성명 : 속성값;} 형태로 작성한다.p { color : red; font-size : 10px;}위의 코드에서 p는 선택자(selector), color와 font-size는 속성명(property), red와 10px은 속성값(value)이다. CSS 선택자의 종류선택자를 이용해서 요소를 선택하는 방법에는 여러가지가 있다.선택자의 종류에 대해 알아보자종류사용법전체 선택자 *유형 선택자 요소명아이디 선택자 #아이디명클래스 선택자 .클래스명하위 선택자 띄어쓰기직계자식 선택자 >인접형..

1. 서론form 태그와 form 요소에 대해 알아보기input 태그, Input 태그의 type에 따른 기능 알아보기table 태그에 알아보고 만들어보기시맨틱 태그에 대해 알아보기CSS 에 대해 알아보기2. 본론Form 태그form 태그는 사용자로부터 입력받는 요소들을 감싸는 태그다.흔히 우리가 포탈사이트에서 사용하는 검색창이나 로그인창, 그리고 설문조사 등에서 form를 사용한다. form 태그는 태그 내에서 input 태그를 통해 사용자가 입력한 데이터를 묶어서 서버로 전송하는 역할을 한다.사용되는 속성은 action 과 method 가 있는데 서버에 전달할 방식을 지정해준다.action : 사용자가 폼에 입력한 값을 서버에 전달할 주소method : 사용자가 폼에 입력한 값을 서버에 전달할 방법(..