Hello World

프론트엔드/HTML CSS 검색 결과

해당 글 6건

%, rem, em, px 차이

% : width에 거의 사용폰트 사이즈에 비례해야 되는 값은 rem, em을 사용해야 한다 rem은 html(root) 폰트 사이즈를 기준으로 계산em은 부모 태그의 폰트 사이즈를 기준으로 계산 rem, em : 폰트 사이즈, 나머지 padding같은 것들에 사용일반적으로 폰트 사이즈는 rem, 나머지 padding같은 것들은 em 하는것이 나음 고정되어야 하는 값은 px을 사용해야 한다 꿀팁 => width : auto; /* 요소의 부모 크기 기준으로 가득 찬다 */ height : auto; /* 요소의 자식 기준으로 자동 조절된다 */

프론트엔드/HTML CSS 2019. 2. 26. 15:38

미적감각 없는 개발자를 위한 반응형 프레임워크

출처 : http://itfresh.tistory.com/6

프론트엔드/HTML CSS 2018. 5. 28. 01:34

CSS 초기화 코드

출처 : http://rootable.tistory.com/entry/CSS-%EC%B4%88%EA%B8%B0%ED%99%94-%EC%BD%94%EB%93%9C

프론트엔드/HTML CSS 2018. 3. 21. 22:53

float 속성 사용할 때 주의할 점.

div 태그에 float 속성 넣고나서 다음 태그들이 생각대로 배치가 안될 경우 1. div 태그에 overflow 속성을 건드려보자(overflow:auto 로 해결)2.clear:both 를 하니 다음 태그들이 float 속성이 해제되면서 해결

프론트엔드/HTML CSS 2018. 3. 21. 22:51

실전 HTML5 & CSS3 동영상 강좌 제17,18강

스마트폰 레이아웃 예제 * {margin:0;padding:0;}body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}li {list-style:none;}a {text-decoration:none;}#main_header {height:45px;background: url('resources/img/bg_header.png');position:relative;text-align:center;line-height:45px;}#main_header > h1 {color: #ffffff;}#main_header > a, #main_header label {display:block;height:32px;position:absolute;}#ma..

프론트엔드/HTML CSS 2018. 3. 18. 16:54

article, section, div 차이

1. 내용이 독립적이고 스스로 설 수 있는 내용이라면 article을 사용 2. 내용이 서로 관계가 있다면 section 3. 의미적으로 관계가 없다면 div를 사용(div는 오직 내용을 묶는 역할)

프론트엔드/HTML CSS 2018. 3. 18. 16:43