목록css (5)
연습장
포인트는 정렬용 태그의 직계자식에 pdt100% 삽입 만약div안에 컨텐츠가 들어간다면 li>pdt100%>컨텐츠랩 해놓고 컨텐츠 랩을 absolute로 띄워야할것 linear-gradient border
http://psd-to-css-shadows.com/ Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows CSS3 Code box-shadow: offset-x offset-y blur-radius spread-radius rgba(0, 0, 0, opacity) inset; text-shadow: offset-x offset-y blur-radius rgba(0,0,0 opacity); box-shadow: offset-xpx offset-ypx blur-radiuspx spread-radiuspx rgba(0, 0, 0, opacity) inset; te psd-to-css-shadows.com psd내 설정값들을 입력한 후 convert to..
https://opentutorials.org/course/2473/13712 핀터레스트 스타일 레이아웃 만들기 (masonry) - 생활코딩 소개 masonry는 벽돌을 쌓는 공사, 석조라는 의미를 가지고 있습니다. 사진 공유 서비스인 핀터레스트가 인기를 끈 이후에 핀터레스트와 같은 스타일의 레이아웃이 크게 인기를 끌었는데요. 이러 opentutorials.org width를 %로 잡을 수 없음. vw는 가능! https://marshall-ku.com/web/tips/css-grid%EB%A1%9C-masonry-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83-%EB%A7%8C%EB%93%A4%EA%B8%B0 CSS Grid로 Masonry 레이아웃 만들기 grid-template-..
* {margin:0; padding:0; outline:none !important; } h1,h2,h3,h4,h5,h6,p,a,button,span,strong,ul,li,td,th,div,input,textarea { font-family:; } ol, ul, li { list-style: none; } a { color:#000; text-decoration:none; transition:all .3s; } button { outline:none; background:none; border:0; cursor:pointer; } table{ width:100%; border-collapse:collapse; } .inner { max-width:; margin:0 auto; } /* 서브 컨텐츠용 ..
