일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 웹디자이너
- 포트폴리오
- 언어의온도
- Calligraphy
- HTML
- 휴잇캘리
- 공감글
- 웹디자인
- 휴잇
- 코딩용어정리
- 아이패드프로10.5
- 드로잉
- 웹배너
- 추천도서
- 이기주
- 책추천
- 캘리그라피
- Drawing
- 그림
- 코딩
- 독서
- 글귀
- 책
- 베스트셀러
- procreate
- 명언
- ipadpro10.5
- 캘리
- 포토샵
- 좋은글
- Today
- Total
목록STUDY/html + css (23)
HYUIT'S STORY
.hyu_edu_tourImgB li{ float: left; margin: 0 5px; overflow:hidden; position:relative;}.hyu_edu_tourImgB li p { position:absolute; bottom:2px; left:0; right:0; margin:auto; padding:5px 0; background:rgba(255,255,255,.8); font-size:15px; color:#222; }
background:rgba(255,255,255,.8); r g b opacity
after뒤에 오는 상속가능한 태그들을 지정:after{content:"";}
양식집에서 주로 먹는 음식은피자 · 파스타 · 샐러드 이다. 피자 · 파스타 · 샐러드 이다. ·
[code][/code]
block요소가 위아래로 있는경우, 아래 요소가 margin-top으로 위의요소를 가리는 경우, 위의요소의 효과가 먹지 않는 경우가 있음. 이러한 경우에는, z-index에 -값을 주어 아래로 내리는 방법과, margin-top을 주지않고, position의 relative와 absolute를 주어 위치를 정하는 것이 좋음.
아이프레임 * 아이프레임은 페이지에서 잘라낸 작은 창이라 생각하면 쉽다. -inline frame의 약자이다. 아이프레임의 대표적인 사용 예는 여러 사이트에서 봤듯이 구글 지도를 페이지에 내장한 경우다. 아이프레임의 콘텐츠는 같은 서버에 있든지 웹 상의 다른 곳에 있든지 상관없으며 모든 html페이지가 가능하다. * 요소를 사용하는 데 필요한 속성 -src : 프레임에 표시할 페이지의 URL을 지정한다. -height : 아이프레임의 높이를 지정. -width : 아이프레임의 너비를 지정. -scrolling : HTML5에서는 지원하지 않음. scrolling 속성은 아이프레임 내부에 있는 페이지가 height와 width 속성으로 지정한 영역보다 큰 경우에 스크롤바를 사용하여 프레임을 이동하며 더..