[HTML / CSS] CSS기초 2. style 선언자 (tag, id, class)

우선, 시작하기 전에 오늘 사용할 예제 코드를 소개한다. DOCTYPE html> Page Title div{ border: 1px soild black; width: 300px; height: 200px; } .class_1{ width: 200px; height: 300px; } #id_1{ width: 200px; height: 500px; border: 1px solid black; } 설명을 쉽게 하기 위해 CSS는 쓰지 않고 html style 방식으로 대체한다. 위의 코드에 디자인을 넣기 위해서는, 원하는 tag를 지정하여 그 tag에만 style을 부여하여야 할 것이다.이러한 경우 지정을 하기 위해서는 각 tag에 이름값을 지정해야 원하는 설정을 넣을 수 있을 것이다.이러한 이름값들을 ta..

[HTML / CSS] CSS 기초 1. Style과 CSS

Style Style은 html의 태그들에 디자인을 입히는 과정으로, html 태그들이 틀을 담당했다면, style은 그 태그들을 꾸미는 작업을 한다. 앞으로의 글들에서 소개할 Style 속성으로 Web을 꾸밀 것이다. style에 대해서는 이정도로만 소개하고, 앞으로 있을 설명에서 더 자세하게 설명할 것이니, 아래 코드들을 참조하면서 이런 것이 있다라고만 기억하고 있으면 된다. CSSCSS는 html 각 태그의 style 속성을 한 파일에 몰아 html에 연결하여 style별로 분류해 보기 쉽게 만들어 놓은 구조다.가독성이 뛰어나며, 무엇보다 모듈화를 하여 추후 수정할 일이 생기면 좀 더 쉽게 작업할 수 있는 장점이 있다. 기존의 html style 방법과 css 방법의 차이점에 대해 설명한다. htm..

[로스트아크/섬의 마음] 황금물결 섬 상자 리젠 위치

2018.11.21 최초 수정 (11)