코딩36 html 테두리로 상자 만드는 border 속성과 block element, inline element, none 값 제목, 본문 등 작성한 내용에 테두리를 적용하는 border 속성에 대해 알아보겠습니다. 우선, 아톰 에디터로 새 파일을 생성합니다. 이름은 box.html로 하겠습니다. 테스트를 위해서 이 파일에는 아래와 같이 html의 기본 코드를 작성해줍니다. 본문에 아무 내용이나 적어주고, 첫 문장은 h1 태그를 이용해 제목으로 지정합니다. 제목이 아닌 일반 문장은 p 태그를 사용해 문단으로 처리해 줍니다. 제목으로 처리한 "Code is so useful."이라는 문장은 제목으로서 줄 바꿈이 적용됩니다. Code is so useful. We have to learn how to use tags. 스타일 태그로 border 속성을 추가하여 h1 제목 처리한 문장에 테두리를 생성하겠습니다. 테두리의 두께를 지정하.. 2020. 8. 29. html class 클래스 지정과 selector 선택자 활용 html class 클래스로 그룹을 만들어 CSS 서식 동시에 적용하기 같은 수업을 듣는 학생들의 모임을 클래스 class라고 합니다. html에서는 같은 속성을 가진 개체를 하나로 묶어 그룹핑을 할 때 이 class 개념을 사용합니다. class="클래스 이름"으로 서식을 적용할 그룹임을 정의합니다. 클래스 이름을 saw로 작성했습니다. 아래와 같이 class를 만듭니다. HTML CSS 지정한 saw 클래스에 서식을 적용하겠습니다. 스타일 태그 안에 선택자로서 saw 클래스를 지정합니다. 선택자로 클래스를 지정하려면 클래스 이름 앞에 period [. ]을 찍어주어야 합니다. period 없이 클래스 이름 saw만으로 선택자를 지정한다면, 웹페이지에 있는 saw라는 텍스트에 대해 서식이 적용됩니다. .. 2020. 8. 29. CSS 속성 property 텍스트 서식 적용하기 수많은 CSS 속성 Property를 굳이 다 외울 필요가 없습니다. 검색엔진을 통해 사용 예시까지 쉽게 찾아볼 수 있습니다. 사용을 반복하다 보면 자연스럽게 기억하게 됩니다. CSS 적용이 필요한 상황에 따라 관련 Property를 검색하여 사용하는 방법을 알아보겠습니다. CSS font-size property를 이용해 텍스트 크기를 수정해야 한다고 가정하겠습니다. css font size property 키워드로 검색을 합니다. 텍스트 크기를 수정할 수 있는 CSS 속성을 찾을 수 있습니다. 검색엔진의 맨 위에 있는 사이트 W3 Schools에 접속합니다. CSS Font Size에 대한 내용을 확인할 수 있습니다. 텍스트의 크기를 수정하고 싶을 때는 font-size property를 사용해야 한.. 2020. 8. 28. 이전 1 ··· 5 6 7 8 9 10 11 12 다음
