style
-
CSS 설렉터, Pseudo Selectors, 가상설렉터이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 29. 04:55
이번시간은 레이아웃이 복잡할 때 쉽고 유용하게 쓰이는 selector, 설렉터에 대해 배워 보도록 하겠습니다. Pseudo-selector를 배우기 전에, container안에 3개의 box를 만들고, password, 비밀번호를 입력할 수 있는 입력창과 submit, 입력을 누를 수 있는 입력창을 만들어 주면, 아래와 같이, 크롬에서 확인 할 수 있습니다. 여기서, submit, 입력 버튼을 선택하고 싶다면, class 이름을 준 다음, 배경색을 지정해 줄 수 있습니다. 예를 들어, 클래스 이름은 class="submit"과 같이 설정하고, background-color=red와 같이 지정할 수 있습니다. 혼자 작업할 때는 위와 같이 작업하더라도, 별다른 문제가 생기지 않지만, 팀으로 일할 때는 혼란을..
-
CSS와 HTML의 결합이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 24. 03:00
이번시간에는 CSS파일과 HTML파일을 결합시키는 작업을 배워보도록 하겠습니다. 본격적으로 들어가기 전에, 타이틀, 문단, 링크를 가진 HTML파일을 먼저 만들어 보겠습니다. Title Hello, everyone Fake link 아래와 같이 파일의 모습을 크롬에서 확인할 수 있습니다. 그럼 이제 HTML파일을 CSS와 결합해보도록 하겠습니다. HTML파일과 CSS파일을 결합하는 방법은 두가지, 1> incline, 2> external 있습니다. 1> incline방법은 head부분에 style을 열고 닫아 줌으로써, HTML파일 상단에 CSS를 붙여줍니다. 여기서, style내부에 body를 열어서 배경색을 빨간색으로 설정하면 크롬에서 바뀌는 것을 확인할 수 있습니다. 이와 같이, incline으로..