The Curious Adventurer's Journey The Curious Adventurer's Journey

Language-weaver Language-weaver 아무 스타일 적용도 하지 않았을 때, 기본적으로 글자는 왼쪽 정렬 됩니다.오른쪽 정렬이나 가운데 정렬을 하고 싶을 때는 정렬 속성을 사용해야 합니다. Language-weaver Language-weaver Language-weaver2 Language-weaver3 Language-weaver4 이렇게 정렬 속성을 지정하면, 글자의 가운데 정렬과 왼쪽 정렬도 가능합니다. 글자의 가운데 정렬 속성속성 설명style="text-align: left"왼쪽 정렬 (기본값)style="text-align: center"가운데 정렬style="t..

"brackets"라는 에디터에는빠른 편집 기능이 있습니다. 드래그 한 부분에서 [Ctrl] + [e] 를 하면, (맥에서는 [Command] + [e] 라고 하네요.)  관련 css 파일에서 연동되어 있는 부분을 보여줍니다. 알아두면 css 디자인을 할 때 아주 편리하겠죠?     비슷한 기능 바로가기https://free-weave.tistory.com/45 [brackets] 화면 분할하기"brackets"라는 에디터에는화면 분할하기 기능이 있습니다.  요 버튼을 누르면, 분할하기 관련된 메뉴가 표시됩니다.  기본적으로는 나누지 않음이나, 선택한 메뉴에 따라 창을 나누어서 사용할free-weave.tistory.com

HTML 문서에서 스타일을 적용할 때, 여러 가지 방법으로 스타일을 지정할 수 있습니다. 하지만 이렇게 지정된 스타일들이 충돌할 경우, 어떤 스타일이 적용될까요? 바로 스타일 적용 우선순위에 의해 결정됩니다.  1. !important 선언important 라는 영단어는 '중요한, 영향력이 있는' 이라는 의미를 가지죠. 그 말처럼, !important 선언이 들어가면 스타일에서 가장 높은 우선순위를 갖게 됩니다. 그렇기 때문에 남용해서는 안되고, 정말 중요할 때만 사용되어야 합니다.p { color:red !important;}  2. 인라인 스타일html 파일 내 스타일 속성 직접 부여하는 방식으로, 스타일 태그 내 부여와는 다릅니다. 다른 스타일보다는 우선 적용되지만, 스타일과 html 코드가 섞여 ..

html 파일에 스타일 요소를 추가할 수도 있지만,그렇게 계속해서 추가하다 보면html 파일의 구조를 알아보기 어려울 정도로 스타일 요소가 늘어나버리게 됩니다. 이런 경우에 두 가지 방법으로 스타일 요소를 분리할 수 있습니다.첫 번째 경우는 스타일 요소를 동일 파일 내 style 태그 안에 두는 방법이고,두 번째 경우가 오늘 소개하려는 외부 스타일 시트 입니다.   1. 먼저 작업하던 html 파일과 같은 위치나 다른 위치에 확장자가 css인 파일을 생성합니다.저는 이런 식으로 폴더를 생성해서 그 안에 css 확장자 파일을 만들었습니다. 경로는 편하신 곳으로 하셔도 좋습니다.  2. 만든 css 파일에 사용할 스타일을 작성합니다.저는 임의로 이렇게 작성했습니다.  3. 이제 기존 html에서 css 파일..