CSS - page 2
-
position, z-index
static, relative, absolute, fixed<!DOCTYPE html><html><head><style>div{border: 3px solid #73AD21;}div.s {\tposition: static;}div.r { position: relative; left: 30px; top : 1
-
Layout
2 Layout<!DOCTYPE html><html><head>\t<title></title>\t<style type=\"text/css\">\t\t*{margin:0;padding:0;} li{list-style-type:none;}\t\timg, fieldset{border:
-
outline
outline : border를 감싸는 또 다른 테두리<!DOCTYPE html><html><head><style>div.a { border: 1px solid red; outline: 5px dotted green;}</style></head><body><div clas
-
Multiple Column
column-count : 단 갯수<!DOCTYPE html><html><head><style> div { border : 1px solid red; width : 100%;}.newspaper { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-co
-
transition, animation
Transition : 속성들에 에니메이션 적용<!DOCTYPE html><html lang=\"ko\"><head><meta charset=\"utf-8\" /><style type=\"text/css\"> li { list-style-type:none; } h1,ul { padding:10px;