id
-
CSS syntax, 구성이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 23. 05:35
이번 시간에는 CSS파일을 만든 후, CSS구성에 대해 알아보도록 하겠습니다. 그럼 제일 먼저, 마우스 오른쪽 버튼을 클릭한 후, new file을 클릭 하겠습니다. 파일명은 style.css로 작성 후 생성하면 됩니다. 이때, 확장자를 html이 아닌, css로 쓰고 있다는 점 확인하시기 바랍니다. 파일을 생성했다면, CSS의 구성에 대해 알아보겠습니다. CSS는 크게 두 부분, 1>selector와 2>property 부분으로 구성되어 있습니다. 2> property부분은 selector 내부에 쓰여지는 내용으로, property-name: value;와 같이 생겼습니다. property-name은 소문자로 써야 되고, 공백이 없습니다. 그리고 value뒤에 쌍반점, semicolon, 세미클론, ;..
-
tag, 태그에 이름 설정(ID, Class)이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 20. 03:45
HTML문서에는 같은 태그가 여러번 쓰이기 때문에, 여러번 쓰인 동일한 태그가 각각 어디에 어떻게 쓰였는지, 헷갈리고 혼란스러워 질 수 있습니다. 예를 들어, div태그가 여러번 쓰이게 되면 헷갈릴 수 있기 때문에, 여러번 쓰인 div태그가 각각 무엇을 뜻하는지를 지칭한다면, 각 태그들을 헷갈리지 않고, 구분할 수 있습니다. 그럼 다시, section태그와 header태그, 그리고 header안에 h1태그를 만들어서, 예를 들어 보도록 하겠습니다. 또, 하단에 div태그를 만들고, div태그안에 header태그를 만들겠습니다. 이렇게 두 번 쓰인 header태그는 동일한 header라는 명칭을 갖고 있기 때문에, 구분이 되지 않습니다. 따라서, 두 header태그를 각각 이름을 정해줌으로써 구분할 수 있..