본문 바로가기

CSS3

[CSS] 여러가지 속성, 속성값 / 폰트 설정, 배경 설정 1. 여러가지 속성, 속성값 1) 폰트 설정 - font-size: 크기 단위 -> 폰트의 크기 주로 px 단위를 사용하며, 각 선택자의 글자 크기를 설정할 수 있다. - color: 색상코드 or RGB 코드 등 -> 글자 색깔 설정 h1태그와 h2 태그에 글자 색깔이 다르게 적용되었다. - font-weight : 100~900사이 100단위의 숫자 -> 글자 굵기 h1 태그에 글자 굵기를 다르게 적용하였으며 "belong"이라는 id를 가진 '한양대학교 화학공학과 3학년' 글자에 링크가 걸려있음을 표현하기위해 굵기를 더 굵게 설정하였다. (HTML 파일에 링크가 걸려있음) - text-decoration: none(아무것도 없음) / underline(밑줄) / line-through(취소선) 원래.. 2023. 12. 4.
[CSS] CSS 규칙, 선택자, 아이디(id), 클래스(class) 1. CSS 파일 만들기 VS Code에서 파일을 추가한 다음 '파일명.CSS'라고 입력해주면 CSS 파일을 만들 수 있다. 이후 html 파일 태그 내에 를 입력해주면 앞서 만든 CSS 파일과 기존 html파일을 연결할 수 있다. 이때, rel="stylesheet"는 CSS파일과 HTML 파일 사이의 관계(relationship)이 stylesheet(CSS가 HTML 파일의 스타일을 나타낸다.)라는 것을 의미한다. 2. 태그 선택자 우리는 원하는 스타일을 웹사이트의 원하는 부분에 적용시켜야한다. 즉, 알맞은 CSS 언어를 원하는 HTML 파일 부분과 연결시켜주어야한다. 이때, 우리가 HTML에서 사용했던 '태그'를 이용한다. 내가 만든 HTML 코드를 실행시켜보면 다음과 같은 웹사이트 화면이 나온다.. 2023. 12. 4.
[코딩] 웹사이트에 대한 기본 지식 / html 소개 및 간단한 사이트 만들기 웹사이트 제작에 사용되는 프로그래밍 언어 평소에 파이썬, C언어 등 컴퓨터와 관련된 많은 언어를 접했듯이 웹사이트 제작에도 이와 같은 '프로그래밍 언어'가 필요하다. 웹사이트 제작에는 'HTML'과 'CSS'라는 언어가 사용된다. HTML은 웹사이트에 들어갈 '내용'을, CSS는 웹페이지의 '스타일(글꼴 등)'을 작성하는 데에 필요하다. VS code (Visual Studio Code) 사용하기 프로그래밍을 하는 데에는 언어를 작성할 수 있는 도구가 필요하다. 파이썬의 경우에 jupiter notebook, 구글 코랩 등이 있는것처럼 html과 css를 사용하는 데에도 프로그램이 쓰이는 데 그 중 하나가 'VS Code'이다. 이는 visual studio code의 약자이다. 그렇다면 어떻게 설치할 .. 2023. 9. 19.