본문 바로가기

HtmlCss42

dl,dt,dd 태그 https://rgy0409.tistory.com/2895 HTML 정의형 목록 태그 dl dt dd 사용 방법 오늘 배운 내용은 정의형 목록 태그에 대해서 입니다. 사실 이 부분은 쓰임새가 크게 많지는 않지만, 그래도 알아두면 유용하게 사용할 수 있을 것 같습니다. 출력되는 텍스트는 비슷해도, 안에 쓰이는 태그가 다.. rgy0409.tistory.com 여기 사이트 설명 잘되있음. 2020. 3. 19.
div, article, section 정리 공부를 하면서 HTML5에서는 영역을 나누는데 div 뿐만 아니라 article과 section 태그가 있다는 것을 알았다. 일단 흔히 알고 있는 div 설명은 생략하고, section, article 순으로 설명을 하겠습니다. section은 말그대로 세션이다. 즉 주제별로 나눌 경우가 생긴다면 section을 이용하여 나누면 된다. 1.강아지 2.고양이 1.악어 2.뱀 위의 예제와 같이 주제별로 나눌 때 사용하면 된다. 즉 내용이 서로 관계가 있다면 section을 사용하라는 것이다. 이제 article이다 article은 내용이 각기 독립적이고 홀로 설 수 있는 내용을 말한다. 네이버, 다음, 네이트 페이지를 가보면 블로그에 대한 내용, 뉴스 기사, 그리고 여러 가지 포럼에 대한 이야기가 각자 독립.. 2020. 3. 19.
Css-layout Header 영역 Nav 영역 Content 영역 Footer 영역 Css- layout. div속성으로 영역을 나누어 사용함. 2019. 5. 26.
Css - z-index #one{ position:absolute; width: 300px; height: 200px; left: 400px; top:400px; background-color: yellow; z-index:1; opacity: 0.7; } #two{ position:absolute; width: 400px; height: 300px; left: 400px; top:250px; background-color: pink; z-index:2; opacity: 0.7; } Z-index. 레이아웃을 말함. z-index는 음수도 쓸 수 있다. 쓰지 않는다면 0값으로 된다. 두개의 겹치는 블록 값에서 z-index 값이 큰 블록이 위로 간다. 2019. 5. 26.