반응형 HTML and CSS3 :) HTTP란 - (1) 문득 웹개발자로 만 2년차를 끝내가면 포스팅을 하는중에 HTTP에 대해서 제대로 공부해보고자 포스팅을 시작합니다. HTTP란 (HyperText Transfer Protocol)의 약자이다. HTTP는 현대 인터넷의 공용어 입니다. HTTP는 신뢰성 있는 데이터 전송 프로토콜을 사용하기 때문에 데이터가 어디에 있던지 어디에서 오던지 손상되거나 꼬이지 않음을 보장해준다. 이러한 장점 때문에 개발하는데 있어서 데이터가 깨지거나 , 중복, 왜곡 되는것을 걱정없이 개발을 할 수 있었습니다. 웹 클라이언트와 서버 위의 클라이언트와 서버는 개발을 할때면 매일매일 사용하는 용어입니다. 클라이언트와 서버를 가장 간단하게 표현하자면 다음처럼 그림으로 표현할 수있습니다. 직접 그려봤습니다.. 클라이언트(client)가 서.. 2020. 12. 18. [CSS] CSS선택자란? CSS선택자란? - HTML문서에 CSS로 스타일을 주기 위해서는 선택자를 통해서 해당 요소를 선택한 뒤 해당 스타일을 줘야 합니다. 그런데 내가 줘야할 CSS를 누가 받을건지 어떻게 알까?? 그럴때 선택자를 통해 해당 요소에게 스타일을 적용시킬 수 있다. 1. 요소 선택자 - a, hi , div , img , p , span 등 직접 요소명을 적어서 나타내는 선택자입니다. 예를 들어서 확인하겠습니다 ex) span{ color:blue; } 다음과 같이 span태그에 blue라는 color를 줄수있다. 2. ID 선택자 - ID 선택자는 말그대로 id 속성을 가진 요소를 선택하는 선택자입니다. 해당 요소의 id 속성 값으로 CSS를 주려면 id속성 이름 앞에 #을 붙여서 사용합니다. ex) 'wrap.. 2017. 7. 4. [CSS] 크기 단위 , 색상 단위 ◎ 크기 단위 1. px ( 픽셀 ) - 가장 많이 사용하는 단위입니다. 모니터 해상도의 한 화소인 픽셀을 기준으로 합니다. 픽셀의 크기는 변하지 않기 때문에 고정적인 단위입니다. 2. % ( 퍼센트 ) - 퍼센트는 비율을 나타내는 단위이고 비율을 나타내기 때문에 상대적인 단위입니다. 가변적이다 보니 가변적인 레이아웃에 주로 사용되는 단위입니다. ex) 상위 요소의 넓이가 200px 이고 하위 요소의 넓이가 60%라면 실제로 120px로 화면에 보여지게 되는것입니다. 3. em - px , %는 어느정도 알지만 em은 생소한 단어입니다. em은 %와 마찬가지로 상대적인 단위입니다. 하지만 %와는 다른부분이 있기때문에 em이 있겠죠?? em은 글자 크기를 기준으로 합니다 em은 동적인 페이지나, 글자 크기.. 2017. 7. 4. 이전 1 다음 반응형