본문 바로가기
반응형

전체 글266

[CSS] line-height line-height : 줄 높이 설정 2023. 10. 12.
[CSS] 폰트 설정하기 font-family : 글꼴을 설정하는 속성 serif : 삐침 있는 명조 계열의 글꼴 sans-serif : 삐침 없고 굵기가 일정한 고딕 계열의 글꼴 monospace : 글자 폭과 간격이 일정한 글꼴 cursive : 손으로 쓴 것 같은 필기 계열의 글꼴 fantasy : 화려한 글꼴 Ex) font-family: 'Nanum Gothic', sans-serif; => 삐침 없고 굵기가 일정한 나눔 고딕체 font-weight : 폰트 굵기 설정 text-decoration : 텍스트를 꾸미는 선 설정 none : 선을 만들지 않습니다. line-through : 글자 중간에 선을 만듭니다. overline : 글자 위에 선을 만듭니다. underline : 글자 아래에 선을 만듭니다. initi.. 2023. 10. 12.
[HTML] 자주 사용하는 태그 정리 div : 진짜 레알 많이 사용하는 태그. 섹션 안에서도 구분지을 때 사용. ul,li : 리스트 세트 태그. 리스트 세트 태그인데 웹사이트 메뉴바 만들 때도 사용한다. input : 검색란처럼 뭔가 입력 받을 때 사용. ex) span : 인라인 요소들을 하나로 묶을 때 사용한다고 한다. 아직 div와 구분이 가지를 않는다. h1,h2,h3… : 제목을 나타내는 태그. 뒤에 숫자가 커질수록 크기가 줄어든다. p : 단락을 나타낸다. 위,아래로 약간의 여백이 생긴다. a : 하이퍼링크를 정의할 때 사용한다. 아래 예시와 같이 사용하면 된다. Ex1) Ex2) Sign In , tag의 차이점 ■ : 화면 전체를 쓰는 애들. content에 해당하는 라는 텍스트가 행 전체를 차지하고 있다. ​ ■ : 자기.. 2023. 10. 12.
[HTML] header & section & footer 섹션을 나눌 때 사용하는 태그들이다. 하지만, 굳이 header & footer까지 사용해야 하는지 의문이다. 그냥 section 태그로 통일할 수 없을까? 하는 것이 내 생각이다. 물론 실제로 section으로만 통일해도 되고, 셋다 안 쓰고 div로만 쓰는 사람도 있는 듯 하다. 굳이 저걸 쓰는 이유는 요거란다. 그냥 다른 사람들도 코드를 볼 때, 쉽게 이해되라고 저런 식으로 태그명을 붙이는 것이란다. 정말 별거 아닌 이유군… 하지만 코드가 길어질 때 저런 식으로 section별로 나눠놓으면, 한 눈에 들어와서 관리하기 편하다. 2023. 10. 11.
반응형