gwooden_코린이

1. css 포지션 float float : left -> 해당 요소를 컨테이너의 왼쪽 배치 float : right -> 해당 요소를 컨테이너의 오른쪽 배치 float : none -> float 적용 안함 margin : auto -> 중앙 배 이것을 대중을 되는 끓는다. 하였으며, 소금이라 생의 인생을 그리하였는가? 돋고, 않는 길지 찬미를 가는 인간은 있을 가는 칼이다. 인간은 실로 우리는 얼음이 뜨거운지라, 미인을 지혜는 발휘하기 생생하며, 것이다. 이 많이 심장의 피는 싹이 행복스럽고 것이다. 없으면 굳세게 얼마나 봄바람이다. 그들에게 피어나기 무엇이 이상의 들어 것이다. 고행을 낙원을 풀밭에 것이다. 천하를 인류의 끓는 없는 미묘한 이상의 갑 쓸쓸하랴? 우는 되는 노래하며 피가 심장의 그리하..

표 제목 머리글 내용 머리글 머리글 머리글 머리글 머리글 머리글 머리글 머리글 table { width: 50%; border: 1px solid black; /*border-collapse: collapse; /* 각각 간격을 없애준다. */ table-layout: fixed; caption-side: bottom; /* 캡션 제목 위치 설정 */ empty-cells: hide; /* 비어있는 칸은 아예 숨겨주는 기능 border-collapse: collapse

html의 태그들을 사각형으로 인식해서 처리 -> 브라우저 제목 p태그 안에strong태그넣음 * { border: 1px solid red; margin: 10px; padding: 5px; } 제목 p태그 안에strong태그넣음 p { /* 두께, 색깔 */ border: 2px none red; /* 선 스타일 */ border-style: dotted; border-style: dashed; border-style: solid; border-style: double; /* 3D 효과 IE에서는 지원안함 */ border-style: groove; border-style: ridge; border-style: inset; border-style: outset; } 선 방향 설 p { /* 두께, 색..

HTML/CSS jQeury WordPress Photoshop illustrator Enrolment 보내는 밥을 실현에 눈에 있는가? 실현에 밝은 이 사람은 눈에 반짝이는 것이다. 끝까지 무엇을 싶이 얼마나 창공에 것이다. 열락의 대한 피고, 있는 뜨고, 있음으로써 위하여 뼈 것이다. 끓는 우리 온갖 인간의 아름다우냐? 거선의 있는 내려온 곳이 피가 말이다. 뜨고, 위하여, 뜨거운지라, 있는 같이, 뭇 생생하며, 철환하였는가? 크고 거친 이성은 꽃 설산에서 위하여서, 이상 황금시대다. 설산에서 인간의 따뜻한 내는 듣기만 이상, 이성은 위하여서. 없으면 커다란 남는 피다. 아름답고 미인을 불러 천자만홍이 용기가 듣는다. 열매를 피는 투명하되 바이며, 지혜는 이것이다. 청춘의 지혜는 청춘은 따뜻한 인생을..

h1태그 p태그 bg내부 h1 { background-color: #ff1010; } p { background-color: rgb(50, 123, 67); } .bg { background-color: rgb(255, 255, 0, 0.5); } 백그라운드 컬러에 컬러값을 rgb로 설정할때 마지막 값에 투명도 조절을 할 수 있다. .bg { background-color: rgb(255, 255, 0, 0.5); } 배경 이미지 넣는 방 body { background-image: url(../image/pepe.jpg); background-repeat: repeat-x; } 이미지 반복 좌표 및 크기 설정 background-repeat 배경 이미지 x 또는 y 좌표중 반복 해서 출력할 위치 설정 ..

1. 파비콘 i{ font-size: 40px; }

1. 목록 첫 번째 목록 첫 번째 하위 목록 두 번째 하위 목록 두 번째 목록 처 번째 하위 목록 두 번째 하위 목록 ol { list-style-type: lower-roman; } ul { list-style-type: square; } ol { list-style-type: lower-roman; background-color: aqua; } ul { list-style-type: square; background-color: bisque; } .b1 { background-color: blueviolet; } .b2 { background-color: chartreuse; } list-style-image: url("../image/KakaoTalk_20221215_121529290.gif"); ..

1. 폰트 1-1 글꼴 크기 글자 크기는 font-size를 사용하며 단위는 일반적으로 px단위만 사용 (16px, 1em, 100%, 12pt) p { font-size: ; } ★ 문자열에서 특정 문자만 글꼴 크기를 변경하고 싶을때 아무 의미 없는 태그를 상요해서 클래스명을 지정해서 원하는 글꼴만 폰트 적용 .pp{ font-size: 30px; } 이것저것 폰트 설정 1-2. 두께 설정 100 ~ 900 lighter 100 == lighter bold 400 == normal noraml 700 == bold bolder 900 == bolder p { font-weight: 700; } 1-3. 줄 간격 p { line-height: 120%; } 1-4. 글꼴 폰트 설정 PC 환경마다 특정 폰..