이롭게 현명하게

목차 float float-display 수정 clear position position 속성 값 position 특징 [float] float 속성이 추가된 요소는 display 속성의 값이 대부분 block으로 수정된다. float : 요소를 좌우 방향으로 띄움( 수평 정렬 ) flex-box : float을 대체하는 개념으로 생겨났다. 값 의미 기본값 none 요소 띄움 없음 none left 왼쪽으로 띄움 right 오른쪽으로 띄움 float : 방향; img { float : left; } 요소에 float 속성을 적용하면 , 적용된 요소 주변으로 문자(text)가 흐르게 된다. 요소는 위에서부터 아래로 수직으로 쌓이기 시작한다. 사..

목차 px , % em , rem vw , vh vmin , vmax [px , %] px : 해상도에 따른 상대단위 화면에 정확한 픽셀 단위로 절대적으로 고정하는 개념이다. % : 부모 요소의 가로사이즈영향을 받는다. 부모 요소의 영향을 받아서 단위가 완성이 되는것이다. [em , rem] css의 상속과 관련있으며 자식들에게 영향이 가게된다. em : 자기 자신의 폰트 사이즈 크기의 영향을 받는다. font-size가 10px인 width : 600px;를 em으로 변경한다면 width : 60em이다. 부모 font-size가 10px일 때 자식 font-size : 2em 이란 부모 폰트 사이즈의 2배이다.20px의 크기를 가진다. 조상에서부터 영향을 받아오기때문에 유지보수가 힘들다. rem : ..

목차 HTML,CSS,Javascript 웹 표준과 웹 접근성 [HTML, CSS, Javascript] 웹에서 돌아가는 대표적인 3가지 언어로 HTML,CSS,Javascript가 있습니다. 이 외에도 웹 개발이 가능한 여러 언어들이 있지만 그 중 대표적으로 쓰입니다. 건물을 지을 때는 골조 전문 - 미장 전문 - 인테리어 전문 등을 효율적인 작업을 위해 분야가 나눠지는 것 처럼 웹도 나뉘어 집니다. HTML ( Hyper Text Mark-up Language ) 프로그래밍 언어가 아닌 마크업 정보를 표현하는 마크업 언어로 문서 내용 이외의 문서의 구조나 서식 같은 것을 포함 웹 페이지에 보이는 제목, 문단, 표, 이미지, 동영상 등을 정의 정적 언어로 웹 페이지의 전체적인 구조를 만든다. Hello..