루체

이제 우리가 만든 1.html을 바탕으로 디자인을 해봅시다. 이런식으로 밑줄을 만들고 싶다면 border를 이용하면 됩니다. 그런데 전체 웹페이지에서 보면 WEB이라는 글자의 위치가 너무 애매합니다. 그래서 검사를 눌러 어떤 영역인지 확인을 해봅시다. 확인을 해보니 margin 영역입니다. margin 영역을 0으로 바꿔줍시다. 그러면 애매한 위의 여백이 사라지게 됩니다. 테두리와 WEB의 거리도 벌리고 싶다면 padding값을 조절해줍시다. 그러면 이렇게 자연스러운 여백과 테두리가 생기게 됩니다. 이렇게 박스모델을 사용을 하는것 입니다. 그리고 단락을 구분짓기 위해 세로로 테두리를 그리고 싶으면 아래 사진 처럼 추가하면 됩니다. 그런데 테두리가 너무 오른쪽에 붙어있지 않나요 이유는 ol이 block l..

CSS의 중요한 토대는 두가지가 있습니다. 1. 효과 2. 선택자 이번 글은 선택자에 대한 토대를 닦는 글이 되겠습니다. 기존에 하던 예제가 수업에 조금 맞지 않아 수정을 하겠습니다. 우선 저 안에 있던 style 속성을 다 지워줍니다. 그럼 다른 목록들과 똑같이 생기게 될 겁니다. 그리고 a 선택자에서 텍스트의 크기를 검정색으로 통일을 해라 라고해서 다 검정색으로 보입니다. 이것도 지워주면 됩니다. 지우면 위에 사진과 같이 될 것입니다. 그러면 이 링크들은 각자 링크가 어떤 속성이냐에 따라서 색깔이 나오게 될 것입니다. 방문하지 않았으면 파란색이고 방문을 하면 보라색으로 바뀌게 됩니다. 그러면 우선 여기 있는 웹 페이지에 있는 모든 a 태그들을 기본적으로 검정색 텍스트로 표기를 할겁니다. 그리고 사용자..