분류 전체보기77 [CSS] display 속성 block 속성 항상 새로운 라인에 요소가 배치되고 화면 크기의 전체 가로폭을 영역으로 차지 합니다. span1 span2 span3 span { background-color: #888888; display: block; } #name { background-color: #aa4477; width: 100px; height: 100px; } 보시다 시피 다들 한따까리식 하고 있습니다. 무서운 속성이네요 ㄷㄷ Inline 속성 새로운 라인에서 시작 하지 않으면 다른 요소들과 같은 줄에 배치될 수 있고 content의 너비만큼의 영역을 차지 합니다. one two three li { display: inline; } li는 월레 디폴드 값이 block인 태그입니다. display:inline을 안쓰면 on.. 2020. 6. 23. [CSS] Position 속성 Position 속성은 5개의 값을 갖습니다. 1. static : 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없습니다. 2. absolute & relative : relative 인 컨테이너 내부에 absolute인 객체가 있으면 절대 좌표를 계산할 때 relative 컨테이너를 기준으로 잡게 됩니다. 컨테이너 absolute 박스 absolute 박스가 ralative 속성 안에 있음으로 기준은 relative기준이 됩니다. 4. fixed : 스크롤고 상관없이 항상 문서 최 좌측상단을 기준으로 좌표를 고정합니다. 주로 네비개이션 바를 만들때는 바닥글 부분을 작업할떄 많이 사용합니다. 5. inherit : 부모 태그의 속성값을 상속 받습니다. 2020. 6. 23. [Html] 웹은 어떻게 발전했을까? 이전 글인 "웹의 역사"에 보시면 웹 1차전쟁이라는 내용이 있으니 먼저 보고 오시기랍니다. 이 글은 2차 전쟁부터 이어가겠습니다. -- 웹의 2차 전쟁 -- 2차전쟁은 간단합니다. IE가 모자이크와 1차 전쟁을 하고 난 이후 IE는 접류율 90%까지 올라가게 되었는데요. 그러자 넥스케이프는 모자이크 게발을 그만두고 오픈소스로 풀어버리죠 풀면서 탄생한 브라우져가 파이어 폭스 입니다. 서로 싸우느라 생긴 브라우져마다 다른 플러그인을 개발자들은 고통스러워 했죠 지금도 보면 어떤것은 크롬만 지원하고 어떤것은 지원 안하고 이러한 문제가 있는 이유도 이 때문이라고 볼 수 있습니다 2008년 쯤인가 기회를 본 갓 Google이 "크롬" 이란 브라우져를 만들죠.. 역시 기술력은 Google를 못따라오내요 ㅋㅋㅋㅋ 최근.. 2020. 6. 23. [Html] 웹의 역사 코딩을 배우기 앞서 웹이란 무엇인가에 대해 배우도록 하겠습니다. 이것을 배우는 이유는 웹에 대한 기둥을 개념을 세우는데에 목표가 있습니다. 또한 이러한 개념을 익히는게 개인적으로 중요하다 생각합니다. 예를들어 그냥 Pytho을 배우는 사람이 있습니다. 이분들은 "왜 Python을 배우는 걸까요? 또한 Python은 어디에 쓰며 어떤 장점이 있고 다른 언어로는 왜 안배우고 Python"으로 작성하는지 선듯 대답하기 어려우실 겁니다. 저또한 컴퓨터공학을 했지만 학교에 다닐때 에만에도 C언어를 그냥 배웠죠 포커스가 for , if , 포인터 , 알고리즘, 자료구조 였습니다. 그 당시 왜 C를 학교에 가리키며 어디에 C가 쓰이는지 전혀 모른체로 세월을 보내기도 하였죠 이러한 현상을 방지하고자 Html,Css를 .. 2020. 6. 23. 이전 1 ··· 11 12 13 14 15 16 17 ··· 20 다음
