수업(국비지원)/HTML, CSS15 [HTML/CSS] CSS선택자(selector) - 반응형 웹 📌 @Media 태그 예제 화면의 크기별로 바탕색을 변경합니다. 2023. 4. 17. [HTML/CSS] CSS선택자(selector) - 상대선택자 input태그 📌 입력이 가능한 input 태그 입력이 불가능한 input 태그 📌 입력이 가능한 input 태그 입력이 불가능한 input 태그 2023. 4. 17. [HTML/CSS] CSS선택자(selector) - CSS반응 선택자, CSS상대 선택자 📌 반응 선택자 연습 마우스를 올리면 .... 기본값 구글 구글 class 속성 a1 b1 class 속성 a1 class 속성 b1 📌 첫번째두번째세번째네번째 다번째여섯번째일곱번째여덟번째 2023. 4. 17. [HTML/CSS] CSS선택자(selector) - 메뉴만들기 📌 반려견 종류 입양하기 건강돌보기 더불어살기 2023. 4. 17. [HTML/CSS] CSS선택자(selector) - 박스 모델(Box Model) 📌 박스1 박스2 박스3 📌 박스1 박스2 박스3 2023. 4. 17. [HTML/CSS] CSS선택자(selector) - 후손 태그, 자손 태그 후손 태그, 자손 태그 선택자1 선택자2 {} : 선택자1의 후손태그 중 선택자2인 태그 선택 선택자1 > 선택자2 {} : 선택자1의 자식태그 중 선택자2인 태그 선택 선택자1 , 선택자2 {} : 선택자1태그 이거나 선택자2인 태그 선택 선택자1선택자2 {} : 선택자1 인 경우와 선택자2인 경우 같이 가지고 있는 태그 선택 id 선택자 , 클래스 선택자 id 선택자 : 웹 페이지에서 유일무이한 단 하나의 특정 영역 지정하여 CSS 명령 적용 id명 앞에 샾(#) 붙여야 한다. 클래스 선택자 : 두 군데 이상의 특정 영역 지정하여 동일한 CSS 적용 반드시 클래스 명 앞에 점(.) 붙여야 한다. 📌 h1 class="title" 태그 h1 class="title" 태그 div id="nav" 하위 h.. 2023. 4. 17. [HTML/CSS] CSS선택자(selector) - CSS 이용한 디자인과 내용 구분 태그 선택자 *선택자 : 모든 태그 태그 선택자 : 태그명{속성: 값,....} java에서는 id가 하나여야하는 고유속성이지만 css에서는 둘이어도 신경쓰지않고 바꾸어준다. 📌 항목1항목2항목3 CSS 언어를 사용하여 웹 문서에서 디자인과 내용을 분리할 수 있다. 웹표준에 의한 웹 문서는 디자인과 내용을 분리해야 한다. 내용은 HTML을 이용하여 구현하고, 디자인은 CSS를 이용하여 구현한다. 항목1 항목2 항목3 CSS H3 태그를 이용하여 id="h3" 속성 선택하기 📌 항목1항목2항목3 CSS 언어를 사용하여 웹 문서에서 디자인과 내용을 분리할 수 있다. 웹표준에 의한 웹 문서는 디자인과 내용을 분리해야 한다. 내용은 HTML을 이용하여 구현하고, 디자인은 CSS를 이용하여 구현한다. 항목1 항목.. 2023. 4. 17. [HTML/CSS] CSS선택자(selector) CSS선택자(selector) : CSS를 적용하고자 하는 영역 선택 태그 선택자 : 태그의 영역 선택하고 이후에 오는 CSS 명령을 해당 영역에 적용 p id 선택자 : 웹페이지에서 유일무이한 단 하나의 특정 영역 지정하여 CSS명령 적용 id명 앞에 샾(#) 붙여야 한다. 클래스 선택자 : 두군데 이상의 특정 영역 지정하여 동일한 CSS 적용 클래스명 앞에 점(.) 붙여야 한다. 📌 안녕하세요. 반갑습니다. 또 만났군요. 자주 보네요. 쇼핑 뉴스 루바토봄맞이 세트 상품 할인 라리아네봄맞이 여성룩 상품 할인 우리몰소상공인과 함께하는 경제적인 상품 골드스타금값 폭락. 최대 할인 2023. 4. 17. 이전 1 2 다음
