본문 바로가기

css2

다양한 css 선택자 기본형예시 후손선택자: 공백으로 구분하며 어떤 부모태그 안에 해당 자식태그가 들어있으면 몇 개층 아래에 있던지 상관없이 모두 선택한다.부모태그  자식태그 {속성: 값;}div h2{} 자손 선택자: 부모 태그 안에 있는 자식 요소를 선택할 때 사용한다.후손 선택자는 공백으로 구분하며 어떤 부모태그 안에 해당 자식태그가 들어있으면 몇 개층 아래에 있던지 상관없이 모두 선택한다.하지만 자손 선택자는 바로 아래계층 안에 있는 자식태그만 선택한다.부모선택자 > 자식선택자 { 속성: 값; }div > h2{} 동위선택자: 동위선택자(=형제선택자)는 동위관계에서 바로 아래줄에(뒤에) 있는 형제 태그를 선택하거나 뒤에 있는 모든 형제태그를 선택할 때 사용한다.+선택자는 바로 뒤에 있는 형제 태그 1개를 선택할 때 사.. 2024. 6. 16.
table 태그 / css 수업 시작 표를 만드는  table태그란?부모자식 태그로 이루어져 있고 이전에는 레이아웃을 만드는 태그로 사용되었다. 현재는 게시판 영역과 같은 부분에 많이 사용되는 태그로 표를 구성해준다. 부모태그인 table태그로 행과 열을 묶는다.행은 tr태그로 표현하고, 열은 td로 표현한다. 그리고 표의 제목을 나타내는 th가 있다.  이렇게 html을 구성하는 태그를 배우고 있다. 하지만 이 html만으로는 우리가 아는 웹사이트를 만들 수 없다.html을 꾸며주는 css, java script... 등을 사용하여 적용시켜 줘야 한다.그 중에 css 작성을 시작 했다. css란?html구조에 디자인을 입히는 언어. Cascading Style sheets의 약자로 위에서 아래로 흐르는 디자인시트 언어라는 의미다.  웹 문.. 2024. 6. 1.