kebab00's

HTML 삽입 미리보기할 수 없는 소스 CSS를 이용하여 움직이는 공을 만들어 보았습니다. 어떻게 만드는지는 비~밀~ 아시고 싶다면 공감과 댓글을 남겨주세요~!!

CSS(Cascading Style Sheet) 기본문법 - CSS(Cascading Style Sheet)를 정의하는 방법으로는 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트 등이 있습니다. - 외부 스타일시트를 많이 사용하는 편이지만 간단한 스타일은 내부 스타일시트만으로 사용할 수도 있습니다. - 인라인 스타일시트는 거의 사용하자 않지만, 우선순위가 가장 높아서 꼭 필요한 경우 편리하게 사용할 수 있습니다. - CSS에서 주석은/* */로 표현합니다. 다음은 내부 스타일시트, 외부스타일시트, @import, 인라인 스타일시트에 대해서 알아보겠습니다 내부 스타일시트 - CSS를 HTML 문서 안에 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되도록 하는 형태입니다. 외부 ..

자료형이란, - 프로그램에서 처리할 자료의 형태를 말합니다. 3이라는 숫자를 숫자로 처리하는지, 문자열로 처리하는지에 따라 결괏값이 달라집니다. - 자바스크립트의 자료형은 크게 '원시 유형'과 '객체'로 나뉘어집니다. 원시 유형은 하나의 값만 저장하는 자료형으로, 숫자와 문자열, 논리형, undefined, null, symbol 유형이 있습니다. 그리고 원시 유형 외에는 모두 객체입니다. 사진 출처: 저자 고경희 |Do it! 모던 자바스크립트 프로그래밍의 정석 숫자형(number) - 모든 프로그램에서 가장 기본이 되는 자료형입니다. - C나 자바 같은 프로그래밍 언어에서는 정수와 실수를 명확히 구별하고 정수도 크기에 따라 다른 자료형을 사용합니다. - 하지만 자바스크립트에서는 정수와 실수를 함께 묶..

텍스트 관련 요소 01. 블록형태로 처리하는 태그 요소 유형 태그 명 태그의 의미 블록 레벨 요소 제목 표시하기 // h1~h6까지 사용가능하며 h1이 가장 크게 표시되고, h6이 가장 작게 표시된다. 단락 만들기 줄 바꾸기 수평선 긋기 02. 인라인형태로 처리하는 태그 요소 유형 태그 명 태그의 의미 인라인 요소 강조할 텍스트 기울임체로 표시하기 강조할 텍스트 굵게 표시하기 형광펜 효과 내기 텍스트 굵게 표시하기 텍스트 작게 표시하기 아래첨자 표시하기 위 첨자 표시하기 밑줄 취소선 오늘은 텍스트와 관련된 태그들을 모아봤습니다!! 텍스트와 관련된 태그들이 참 많은데 적재적소에 잘 사용하면 더욱 보기 좋은 페이지를 만들 수 있지 않을까 하네요. 제가 텍스트와 관련된 모든 태그들을 아는 것은 아니라서 여러분..

마크업(Mark up)이란? - 마크업(mark up)은 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. - 주요 마크업 언어에는 HTML,Markdown등이 있다. - 간단하게 말해 문서의 골격에 해당하는 부분을 작성하는데 사용된다. 시멘틱 마크업(Semantic markup) 시멘틱(Semantic)의 사전적인 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 되는데 시멘틱 하게 마크업을 하는 것이 중요한 이유는 HTML 문서는 보통 시각적인 방법으로 사용자들에게 정보를 전달하지만 , 모든 사람이 정보를 동일하게 받아들일 수 있는 환경이 아닐 수도 있기 때문이다. 사용자가 보편적인 방법으로 정보전달을 받지 못하는 상황에서 시멘틱한..

이미지 출처 블록 레벨 요소(Block-level Elements) - 마크업을 할 때 줄이 바뀌는 특성을 가지고 있다. - 블록 레벨 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있다. - 블록 레벨 요소 중에는 블록 레벨 요소를 자식 요소로 포함할 수 있는 요소와 없는 요소가 있다. - 블록 레벨 요소는 하나의 박스라고 생각하면 된다. - 하나의 박스(영역)이기 때문에 margin 값과 padding 값을 적용할 수 있다. ex). , , 같은 요소들은 대표적인 블록 레벨 요소로 화면상 줄 바꿈 현상이 일어난다. 블록 레벨 요소 블록 레벨 요소 성질 줄 바꿈이 생깁니다. 인라인 요소(Inline Elements) - 마크업을 할 때 가로로 정렬이 된다. 즉 줄이 바뀌는 특성이 없고 한..