본문 바로가기

IT/html&css3

css position relative absolute 정리 안녕하세요 르쉐입니다. 오늘은 html의 css에서 postition속성 그중에서 relative와 absolute가 어떤 역할을 하는지 핵심을 알아보고 이 두 속성의 상관관계가 어떠한 점이 있는지 알아보도록 하겠습니다. fixed,static은 다음에 알아보기로 하겠습니다. 여기서는 릴레티브,앱솔루트만 간단 명료하게 어떠한 점들이 있는지 스크린샷과 함께 설명을 써보았습니다. 그럼 보도록 하겠습니다. css position relative absolute 정리 1. postion 속성이란? html로 문서를 작성할때 문서안의 컨텐들의 위치를 정해줄 수 있도록 도와주는 속성입니다. 일반적으로 position:relative; 와같이 포지션에서 어느 속성을 부여할것인지 정해서 사용합니다. 그리고 이를 이용해.. 2017. 9. 4.
ul태그에 대해서 알아보자 오늘은 ul 태그의 활용에 대해서 공부한것을 블로그에 올릴려고 합니다. 앞으로 html에서 글을 올릴때는 공부한걸 공개하는 방식으로? 정보가 필요하신 분들을 위할겸 저도 복습도 되고 해서, 이런식으로 글을 올리려고 생각을 하고 있습니다. 그럼 ul 태그는 어떤식으로 활용을 하는지 알아볼 텐데, 사실 코딩에는 정답이 없기 때문에 무엇을 자기가 어떻게 활용하던 전혀 상관은 없습니다. 단지 '이런식으로도 쓴다 라는것을' 쓰는 느낌으로 하겠습니다. ul태그 1. ul태그는 block 이다. block 태그에는 div , hn 태그 등이 있습니다. block이 무엇이냐면, 넓이를 설정하지 않아도 화면을 가득 채우는 태그입니다. 그리고 빈공간은 마진 (margin)이 채우고 있습니다. ex) 태그에 글자를 넣어서 .. 2017. 9. 4.
html 이미지 태그 사용방법 안녕하세요 르쉐입니다. 요즘 원래의 카테고리에는 글을 못올리고 뜬금없이 IT로 돌아와서 참 기분이 묘합니다. 요즘은 IT를 배우는 분들이 많으셔서 블로그에서도 참 인기가 높은 분야중에 하나인듯 합니다. 저도 미비하지만, 과정을 공부하고 있기에 이 카테고리는 제가 공부하는 html을 복습하고 글을 올릴겸 공부,정보 카테고리로 사용을 하려고 합니다. 이번에는 html에서 이미지 태그 에 관해서 주의하면 좋은점과, 어떻게 사용하는지 간단하게 짚어보려고 합니다. 참고로, 앞으로도 계속 쓸 예정이지만, 되도록이면 웹표준에 맞는것을 쓰려고 합니다. html 이미지 태그 기본 이해 넹 보도록 하겠습니다. 기본적으로 즉 이미지 태그는 '홀'태그 입니다. p태그나 div태그 처럼 닫는 태그가 따로 없습니다. 참고로 저 .. 2017. 8. 8.