parisangsoo

서브 메뉴 만들기 코드 분석 목표 결과 화면 처음으로 여행 안내 소개합니다. 오시는 길 이용방법 객실보기 요금안내 예약하기 예약확인 게시판 공지사항 Q&A 사이트맵

인라인 요소인 a태그를 블록요소로 속성을 주면 스타일을 지정할 수 있다. #a2 ul li a {display: block; padding: 15px 2px; color: #666; width: 150px; text-align: center; font: 20px "Bell MT";} fixed 속성 footer { width: 500px; background: #000; color: #fff; position: fixed; bottom: 0;} /* 스크롤이 움직여도 안보이지 않고 유지되어 계속 보여주는 형태가 됨 */ 브라우저의 높이가 커지면 스크롤이 생기는데 스크롤을 내리거나 올려도 footer태그를 아래에 계속 보이게 유지시켜주는 속성 table의 border-collapse: collapse; 테..

CSS 텍스트 데코레이션 .a1 { text-decoration: none; } 텍스트에 선을 없앰 .a2 { text-decoration: overline; } /* 텍스트 위쪽에 선이 그려짐 */ .a3 { text-decoration: underline; } /* 텍스트의 밑줄 */ .a4 { text-decoration: line-through; } /* 텍스트의 상쇄선 */ 블록 요소를 인라인요소로 만들기 li { list-style: none; // 리스트의 점을 제거 display: inline; } // 블록요소인 li를 인라인요소로 바꾸어 웹 홈페이지에 세로정렬이 아닌 가로정렬이 됨 OverFlow 글자의 내용이 지정한 너비와 높이를 초과하여 테두리를 벗어나는 경우 사용하는 속성 p { ..

CSS /* border의 width, color, style을 한줄로 정의한 구조 / 순서는 상관이 없다. */ .box10 { border: 20px #f00 outset; } /* 이러한 방법을 많이 쓴다. */ .div1 { border: 10px solid green; width: 200px; height: 100px; } .div2 { border-left: 10px solid blue; border-right: 10px solid blue;} /* 상, 우, 하 ,좌에 각각의 속성들을 별개로 적용하고 싶다면 border: 가 아닌, border-style, border-width 등 풀네임을 사용 해야 한다 */ .div3 { border-width: 10px 20px 30px 40px; /..

CSS 일반적으로 스타일 시트는 가 아닌 안에 작성 해야하며 태그를 먼저 선언한 뒤 안에 내용을 작성 해야한다. 스타일시트는 모든 태그들을 지정하여 꾸밀수 있다. 스타일 연습 스타일 연습 스타일 연습 스타일 연습 스타일 연습 중 입니다. 안녕하세요 반가워요 클래스 연습 파리 생제르맹 선수단 메시,네이마르,음바페,라모스,마르키뉴스,멘데스,하키미 .box h2 { color: red; } /* 공백은 내부로 접근하라는 의미 결국 box라는 클래스를 가진 태그의 내부의 h2 태그로 접근 */ Ex) div .box : div내부로 들어가 box인 클래스를 찾는것 div.box : div중에서 클래스가 box인 것을 찾는것 /* 중요 띄어쓰기 유무가 중요함 */ /* 클래스의 접근이 . id의 접근은 #이다. ..