목록css layout (2)

땅콩이 맛난고 먹이자

[부스트코스]{1. 웹 프로그래밍 기초}(3. CSS)_3. float 기반 layout 구성 & 디버깅

float 기반 웹 layout #HTML Peanut's world🥜 menu home setting 반가워요! 부스트코스와 함께하는 웹 프로그래밍! HTML CSS Javascript KING 7기 booster 2 _ web programming _ ✨EHWA KING🐱‍💻 #CSS li { list-style:none; } header { font-size: 30px; color: brown; background-color : #eee; } #wrap { overflow:auto; margin:20px 0px; } .left, .middle, .right { float:left; height: 200px; } .left { width:17%; margin-right:3%; background-co..
edwith_부스트코스_웹 프로그래밍 2020. 2. 6. 19:26
[부스트코스]{1. 웹 프로그래밍 기초}(3. CSS)_2. CSS style 변경 & element가 배치되는 방법! CSS layout

CSS 기본 스타일 변경 하기 font 색상 변경 color : red; color : rgba(255, 0, 0, 0.5); color : #ff0000; //16진수 표기법으로 가장 많이 사용되는 방법이죠. font 사이즈 변경 font-size : 16px; font-size : 1em; (상속 받은 부모의 크기 기준으로 n배) 배경색 background-color : #ff0; background-image, position, repeat 등 background : #0000ff url(“.../gif”) no-repeat center top; //한 줄로 정의도 가능 글씨체/ 글꼴 font-family:"Gulim"; font-family : monospace; #예시 CSS layout #엘리..
edwith_부스트코스_웹 프로그래밍 2020. 2. 6. 18:34
이전 Prev 1 Next 다음