본문 바로가기

분류 전체보기83

CSS text-align 텍스트를 정렬하는 속성 Text-align 속성이란? CSS text-align은 텍스트 정렬을 처리하는 속성입니다. 워드프로세스나 문서 편집기에서 흔히 쓰는 좌측, 우측, 가운데 정렬 기능이죠. 제가 사용중인 티스토리 상단 툴바에도 텍스트 정렬 기능이 보이네요. 사용법 h1 { text-align: center; } text-align을 선언합니다 이용 가능한 속성값을 입력합니다 left : 기본값입니다. 왼쪽으로 텍스트를 정렬합니다 right : 오른쪽으로 텍스트를 정렬합니다 center : 가운데에 텍스트를 정렬합니다 justify : 좌우 끝을 맞춰서 텍스트의 간격을 조정합니다 더 자세한 내용은 아래 링크를 참조하세요. https://developer.mozilla.org/en-US/docs/Web/CSS/text-al.. 2023. 7. 18.
CSS selector(선택자) 선언, 작성하는 방법 CSS Selector (선택자)란? CSS는 HTML문서를 화려하게 아름답게 만드는 언어라고 이전 글에서 설명한 적이 있습니다. [CSS] - HTML을 스타일리쉬하게 만드는 CSS HTML을 스타일리쉬하게 만드는 CSS CSS란? CSS(Cascading Style Sheets)는 HTML문서를 화려하고 아름답게 만들어주는 언어입니다. HTML 코드만으로는 시각적인 아름다움, 반응형 웹페이지를 만들수가 없기 때문에, CSS를 이용해서 글꼴, 색상, ITMAKEEASY.COM 다시 한번 CSS 구조를 살펴보면 아래와 같습니다. P 태그에 대하여 (선택자 정의) color는 (속성) blue로 표시해라 (속성값) 을 나타낸거에요. 이 때 P가 selector (선택자) 입니다. CSS에서 선택자는 전체 .. 2023. 7. 17.
40대 코린이의 코딩 배우기 7주차 이야기 (23.07.10~23.07.16) 코딩 배우기 7주차 이야기 CSS가 배우면 배울수록 어렵습니다. 기본 문법 뿐은 어느 정도 따라가겠는데 구체적인 속성이 상당히 많더라구요. 특히 box model 쪽은 아직도 헤메고 있습니다. 코드카데미는 오늘을 포함해서 일주일에 6일을 공부했습니다. HTML은 다 들었더니 certificate가 나왔습니다. 어디에 쓸만한 건 아니겠지만요.. 그래도 뭔가 뿌듯합니다. 드디어 중학수학 1-상을 다 풀었습니다. 6월 5일에 시작해서 1개월 넘게 끌었네요. 여전히 공부의 최대 적은 디아블로4입니다. 원소술사 52를 찍었습니다. -_- 7주차에 실천한 내용 FreeCodeCamp 강의 1개 수강중 (지난주 8% -> 57%) Codecademy Learn HTML 100% Learn CSS 4% Class101.. 2023. 7. 16.
embed 태그와 video 태그의 차이점 웹페이지에 동영상을 넣을 사용하는 태그는 입니다. 그런데 라는 비슷한 기능을 하는 태그가 있습니다. 두 태그의 차이점을 살펴보겠습니다. 사용법 및 호환성 embed : HTML5 전에 오디오, 비디오, 이미지를 삽입하는 태그입니다 video : 비디오 콘텐츠에 특화된 HTML5 시맨틱 태그입니다 구조 및 속성 embed : src 속성을 태그 내에서 사용합니다. video : src 속성을 직접 사용할 수도 있고, 태그 하위에 라는 태그를 이용할 수 있습니다. 브라우저 호환성 embed : 대부분의 웹브라우저에서 지원되지만 HTML5에서 권장되지 않기 때문에 앞으로 새로 나올 브라우저에서 호환될지는 미지수입니다 video : HTML5 표준을 준수하는 최신 브라우저에서 모두 지원됩니다. 정리하면 다음과 .. 2023. 7. 14.

티스토리툴바