html (63) 썸네일형 리스트형 Html 실습예제 메뉴 만들기 ( display, list-style-type, text-decoration ) 메일 블로그 카페 웹툰 글로벌 네비게이션바 == 메뉴 == gnb 인라인요소(li)에 block(공간)을 가질 수 있게 하는법 == display: inline-block; li의 텍스트 밑줄 제거 == text-decoration; li의 점들을 제거 == list-style-type: none; Html 스타일시트(stylesheet) 실습예제 와일드카드 *를 사용한 전체에 대한 스타일지정 #을 이용한 id속성에 대한 스타일지정 .클래스를 이용한 class속성에 대한 스타일 지정 + div로 요소들을 묶는 방법 제목 소제목 다음과 같은 상품들이 존재합니다. 결명자차 3000원 아메리카노 2500원 프라푸치노 5500원 결과창 Html에서 가상요소 선택자 (before / after) (스타일시트) Html의 특정 태그 앞 뒤에 요소를 삽입하는 방법 상의 바지 치마 신발 결과 화면 Html에서 가상 클래스 선택자 (호버링) 마우스 호버링 : 웹에서 마우스를 올리면 반응하는 것 ex) 링크가 걸려있는 글자나 이미지에 마우스를 올리면 색이 변함 상의 하의 치마 신발 Html에서 선택자 ( 자식선택자 ) 사과 바나나 키위 포도 복숭아 외부 스타일시트 (스타일시트 / stylesheet ) 웹에서 쓰이는 스타일 시트는 대부분 html 내부에 존재하지 않고 다른 파일/폴더로 관리되어 있다. p 태그의 글자색을 red로 지정해주었다. 제목 Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore aute irure dolor in reprehe deserunt mollit anim id est lab 다음과 같이 HTML문을 작성하고 실행하게 되면 태그에만 빨간글자가 적용되는 것을 볼 수 있다. 웹 프로젝트 기본예제1 + 이미지 삽입 블록요소 제목 부제 내용 인라인요소 인라인요소 바나나 네이버 다음 구글 banana webapp 하위에 다른요소들과 같은 레벨의 imagaes 폴더를 만들어서 그 안에 파일들을 넣어줘야한다!! 이전 1 ··· 5 6 7 8 다음
