본문 바로가기

분류 전체보기502

[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.
[HTML/CSS] CSS 적용 - 외부 CSS Style변경, 글자 스타일 지정, 목록 스타일 지정하기 외부 CSS Style변경 📌 여행(travel)의 어원 여행을 뜻하는 영어 단어 'travel'의 어원은 'travail(고통, 고난) 이라고 합니다. 교통이 발달하지 않은 과거에는 여행이 고통이나 고난이었던 거지요. 여행이 오락이나 쾌락으로 여겨지게 된것은 교통수단이 조금더 발달된 19세기에 이르러서 입니다. href="css2.css" @charset "UTF-8"; /* src/main/webapp/5.css2.html -*/ h3{ color : blue; } p{ color : green; } 2. 글자 스타일 지정 text-shadow : 글자에 그림자 넣는 속성 2px 2px 10px gray : 그림자 색상과 형태를 지정 : 특정 부분 글자를 CSS로 꾸미기 위해 영역 지정 text-de.. 2023. 4. 17.
[HTML/CSS] CSS 적용 CSS (Cascading Style Sheets) : 웹 페이지에서 HTML 태그 보조 하여 웹 페이지 꾸미는 역할 글자 색상, 크기, 글꼴 지정 등 가능. CSS 주석 : /* */ 📌 ```html 여행(travel)의 어원 여행을 뜻하는 영어 단어 'travel'의 어원은 'travail(고통, 고난)'이라고 합니다. 교통이 발달하지 않은 과거에는 여행이 고통이나 고난이었던 거지요. 여행이 오락이나 쾌락으로 여겨지게 된 것은 교통수단이 조금 더 발달된 19세기에 이르러서입니다. 제주여행정보 제주축제및행사 추천 여행 코스 제주 맛집 2023. 4. 17.

티스토리툴바