gwooden_코린이

표 제목 머리글 내용 머리글 머리글 머리글 머리글 머리글 머리글 머리글 머리글 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 환경마다 특정 폰..

1. CSS style 2. 인라인 스타일시 - 태그 안에 style 작업 - 실제로 잘 사용하지 않음 hello CSS 2-1. 내부 스타일시트 실제로 잘 사용하지 않음 Document 3. 선택자 타입 선택자 : 직업 태그명을 써서 적용 전체 선택자 : 모두 적용 -> * 특수 기호 사용 클래스 선택자 : 해당 클래스만 적용 아이디 선택자 : 해당 아이디만 적 3-1. 외부 스타일시트 외부에 CSS 파일을 만들어서 사용하는 방식을 많이 사 이것저것 스타일 적용해보기 h3 { text-align: center; color: pink; background-color: aliceblue; } 3-2. 마진, 패딩 * { margin: 0; padding: 0; } 3-3. 클래스 선택자 클래스는 같은 명칭..