회의감

어느 덧 여름도 저물어가고 있다. 무척 더워서 무척 힘들었던 여름이었다. 요즘 나의 한계와 자질에 대해 고민하는 시간이 많아졌다. 그리고 내가 지금 뭘 하고 있는 걸까 하는 생각도 많이 들곤 한다. …

html

CSS의 여러가지 레이아웃

이번에는 CSS flaot과 inline-block을 이용한 여러가지 레이아웃과 이론에 대하여 소개합니다.   Float과 inline-block 이슈 이번 섹션에서는 아래의 CSS 코드를 공통으로 사용할 것입니다. * { margin: 0; padding: 0; } ul, …

20180808 / 디지텍 / 레이어 팝업 심화

Native Javascript Layer Popup <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Document</title> <style type=”text/css”> * {margin: 0;padding: 0;} ul, li { list-style: none } .layer { display:none; justify-content:center; align-items:center; position:absolute; …

20180808 / 디지텍 / 슬라이드 심화

<html lang=”en”> <head> <meta charset=”UTF-8″> <title>Document</title> <style type=”text/css”> * { margin:0; padding:0; } ul, li { list-style:none; } .slide { width:1200px;margin:20px auto;height:400px; position:relative;overflow:hidden;} .slide ul{height:400px;position:relative;} .slide li{height:400px;} .slide li:nth-child(1){background:#faa;} .slide …