Fridaynight

a { font-size: 30px; } a:link { color: cyan; } a:visited { color: red; } a:hover { color: blue; font-weight: 900; } fieldset:hover { background-color: lightgrey; box-shadow: 0 0 20px grey; } a:active { color: yellow; } input:focus { outline: none; border: 3px solid rg..

/*overflow:scroll 넘쳐 흐른 만큼 scroll 하겠다. hidden 은 숨기겠다. */ /*background-repeat:repeat no-repeat repeat-x repeat-y */ .image{ background-image: url('./images/cputech\ \(1\).png'); background-repeat:repeat; background-position:top right; width:200px; height:400px; border:1px solid black; display: inline-block;..

.red{ background-color: rgb(255, 0, 0); width:120px; height:120px; } /*계속해서 반복이 될 수 있다. background-repeat: no-repeat repeat-y; repeat-x; */ .image{ background-image: url('./images/cputech\ \(1\).png'); background-repeat:no-repeat; background-position:top right; width:200px; height:400px; } background-image 쓰는 법 단..

body{ margin:0px; padding:0px; } /* 위치를 고정시킨다. static 은 요소가 html 문서에서 일반적인 흐름을 따라 배치 일반적인 block,inline 속성이다. top,right,bottom,left 와 같은 속성에 의한 상대적인 위치에 배치된다. */ main,section,article,div{ border:1px solid black; padding:20px; } /*static 은 top,right,bottom,left 는 상대적인 위치에서 변경이 가능하다. */ main{ max-width:600px; /*좌우는 동일하게 맞추겠다...

div>span : div 바로 아래 span 태그 선택이 된다. div span 하고 차이점 (div 밑 하위에 span은 모두 선택을 하겠다.)

body{ margin:0px; padding:0px; } /* 위치를 고정시킨다. static 은 요소가 html 문서에서 일반적인 흐름을 따라 배치*/ main,section,article,div{ border:1px solid black; padding:20px; } /*static 은 top,right,bottom,left 는 상대적인 위치에서 변경이 가능하다. */ main{ max-width:600px; /*좌우는 동일하게 맞추겠다.*/ margin:0 auto; background-color: yellow; } section{ backgr..