style2 [WEB/CSS] 정렬, 폰트 크기 조절하기 현재까지 만든 웹페이지를 보면 h1 태그로 묶인 WEB의 크기가 더 컸으면 좋겠다는 생각을 한다. CSS로 글자의 크기를 조절하기 위해서는 h1만 수정할 것이기 때문에 style 태그 안에서 h1{}을 작성해준다. 글자 크기를 설정하는 속성은 font-size이다. font-size 작성 후 그 뒤에 자신이 원하는 크기를 넣어주면 된다. 글자 크기를 50픽셀로 주게되었을 때를 확인해 보면 확실히 더 커진 것을 확인 할 수 있다. *아래 예시는 픽셀 값을 자유롭게 지정할 수 있다는 것을 보여준다. 다시 한 번 내가 만든 웹페이지를 보면 다 왼쪽으로 치우쳐져 있는 것을 확인 할 수 있다. 저 WEB을 가운데 정렬하기 위해서는 style 태그에서 h1 영역에 text-ailgn: center; 속성을 추가하면.. 2022. 6. 30. [WEB/CSS] 글자 색 바꾸기, 밑줄 없애기 현재 HTML로 짜여져 있는 코드는 CSS 언어와 다르기때문에 CSS 언어의 코드를 입력하기 위해서는 style 태그를 사용해야 한다. style 태그 안에 위치한 내용은 CSS언어로 처리하겠다는 의미이다. 만약 링크의 색을 다른 색으로 바꾸고 싶다면 4개의 a태그를 하나씩 바꿔도 되지만 CSS는 한 번에 색 변경을 처리해 준다. *CSS는 style 태그 안에서 이루어져야한다. a 태그를 가지는 모든 코드의 색을 빨간색으로 바꾸겠다는 의미이다. 새로고침하여 확인해보면 잘 수정된 것을 볼 수 있다. 만약, CSS만 다른 색으로 바꾸고 싶다면 HTML 코드에서 style를 작성하면 된다. 현재 HTML 코드의 a태그 안에 style = "color: black" 작성을 하고 새로고침을 하면 CSS만 검은색.. 2022. 6. 29. 이전 1 다음
