2024/12/16 3

[css/공부] 기본 구조와 선택자

CSS 기본 구조와 선택자 알아보기         기본 개념 html에서 몸통 만들어줬다면 이제 옷을 입히고 꾸며줄 차례다.그러기 위해 css를 사용하는데, Cascading Style Sheet라는 뜻이다.스타일 시트를 사용하는 여러가지 방법이 있다.그중 외부에 코드를 작성하고 html에 링크를 삽입하여 연결하는 방법이 가장 좋다쪽에 이런식으로 연결해주면 된다. css 파일은 같은 폴더에 있는 게 좋다.다른 폴더에 있어도 가져올 순 있다.         기본 구조 h1 {color: white;}선택자 {속성: 값;} 이런식으로 스타일을 적용할 대상(선택자)를 정하고, 속성을 사용해 다양하게 꾸며준다.선택자는 id, class, tag 등이 될 수 있고, 속성은 종류가 굉장히 많다.속성중에서 중요한 부..

WEB/css 2024.12.16

[html/공부] 요소

요소 알아보기더 많은 요소 보러가기종류가 너무 많ㄷ ㅏ...        글자 태그 태그속성설명 ~  h1 > h6 이 순서의 크기로 제목 글자 생성 본문 문단 줄 바꿈 수평 줄href = "이동할페이지">하이퍼 텍스트href = #id>id로 이동href = "#">빈 링크 굵은 글자 기울어진 글자 아래 첨자 위 첨자 밑줄 글자 취소선이 그어진 글자        목록 태그 태그속성설명 unordered list ordered list 목록 요소         테이블 태그 태그속성설명border="value">표 삽입/ 표의 테두리 두께 지정 행 삽입 제목 셀 생성 일반 셀 생성 colspan="value">셀 가로로 병합 rowspan="value">셀 세로로 병합         미디어 태그 이..

WEB/html 2024.12.16