Category: HTML & CSS
CSS 포지셔닝에 대해서
CSS 포지셔닝css에서 가장 중요한속성이 바로 포지셔닝이다. 이것을 이용해서 웹 문서의 레이아웃이 짜여진다고 생각하면 된다.우리가 네이버나 다음에서 보는 검색창, 광고, 로그인 창들의 위치는 모두 css로 만들고 그 배치를 하는 것이 바로 포지셔닝이다. box-sizing : 박스 너비 기준 정하기box-sizing은 박스 모델 안에 있는 콘텐츠 부분의
레이아웃 관련 스타일
레이아웃 관련 스타일 태그들.결국 디자인을 위해선 레이아웃을 알아야 한다. 흔히 ‘박스 모델의 조합’이라고들 말한다. 이는 영역, 테두리, 여백들의 조합을 말한다.css를 제대로 알기 위해선 결국 레이아웃을 잘 알아야 한다. 박스모델말 그대로 박스 형태의 모델을 말한다. 이 박스들을 합쳐서 웹 문서를 만든다. 블록 레벨과 인라인 레벨 block-leve
색상과 배경 꾸미기
색상과 배경 꾸미기색상 표현하기텍스트나 배경 등 우리가 색상을 사용하는 일은 비일비재할 정도로 많다. 웹에서도 마찬가지이다. 오늘은 색상을 표현하는 방법과 배경을 적용하는 방법에 대해서 알아보려고 한다. 16진수 표기법 ‘#’기호 다음에 알파벳이나 숫자로 색상을 표현하는 것은 16진수 표기법이라고 한다. 6자리는 앞에서부터 두자리씩 묶어 RGB(red,
텍스트 관련 css
Text 관련 css오늘은 텍스트에 적용되는 스타일에 대해 알아보자. 우리가 웹 사이트를 보다 보면 가장 많은 요소 중 하나가 텍스트이다. 글꼴, 줄, 정렬 등 텍스트에도 많은 스타일 요소가 있다. 글꼴 font-family : 글꼴 지정하기 스타일 font-family는 body, p ,hn 태그 등 텍스트를 사용하는 요소들에게 사용하는 글꼴 지정 태그
CSS의 기초 살펴보기
왜 css인가?웹 문서에 텍스트만 있다면 어떤 느낌일 것 같은가? 물론 기존 html로 기초적인 스타일링은 할 수 있지만 지금은 2018년, 4차 산업 혁명 시대 아니겠는가? css는 우리가 보는 view라는 웹 문서를 꾸미는 언어라고 보면 된다.css의 가장 큰 장점은 웹 문서를 건드리지 않고 단순히 디자인만 바꿀 수 있다.라는 정말 큰 장점이 있다. 참
Form 태그에 대하여
HTML 폼 태그에 대하여폼 태그란 특정 형식에 사용자가 무언가를 입력하는 형태로 이루어져 있다. 로그인이나 회원가입 창이 그 예이다.웬만한 페이지에서는 형식에 구해받지 않고 이런 폼 태그를 볼 수 있다. 우리가 많이 사용하는 SNS에서도 회원가입을 하기 위해서 입력하는 정보들도 폼이다. 로그인을 예로 들면 우리가 클라리언트에서 정보를 입력하여 서버로 보내
이미지와 하이퍼텍스트링크
이미지와 하이퍼텍스트 링크웹에서 사용되는 이미지 파일 형식은?웹 페이지는 기본적으로 설명은 텍스트, 메뉴나 로고 등은 이미지로 처리 한다. 웹 페이지의 경우 크기가 작고 화질이 좋은 파일 형식을 사용하여야 하는데 웹에서 사용할 수 있는 파일 형식은 GIF, JPG/JPEG, PNG 파일이 있다. 이미지 파일 형식 img 태그HTML에서 이미지를 삽입하는 태
목록을 생성하는 HTML 태그
목록을 생성하는 태그HTML 문서를 작성할 때 많이 쓰이는 태그 중 하나가 바로 목록을 생성하는 태그다. 웹 표준이 정의화된 후에는 이미지나 텍스트에 구애받지 않고 어떤 것이든 목록화 시킬 수 있다. 특히 CSS를 적용한다면 메뉴나 본문 내용 등으로 사용할 수 있으니 table 태그가 거의 안쓰이는 이유가 되기도 했다. ul태그, li태그이 두 태그는 ‘순