Jam's story

텍스트 양쪽 정렬 text-align: justify; 우측방향으로 글쓰기 style 속성에 추가 direction:rtl; unicode-bidi: bidi-override; vertical-align 텍스트에서 이미지의 수직정렬 vertical-align: baseline;이 기본값 img.a{vertical-align: baseline;} img.b{vertical-align: text-top;} img.c{vertical-align: text-bottom;} img.d{vertical-align: sub;} img.d{vertical-align: sup;} img.e{vertical-align:middle;} a태그 상태 a:link - 방문하지 않은 링크 a:visited - 사용자가 방문한 링..

pre{ border: 15px solid green; padding: 50px; margin:20px; width:300px; }

1.padding:50px; 2.padding: 50px 50px 50px 50px ; padding-left: 50px ; padding-right : 50px ; padding-top: 50px ; 3. padding-bottom: 50px ; 1,2,3 같다. ----- 1,2 같다. 1.padding: 25px 50px ; 2.padding: 25px 50px 25px 50px; ------------------------- top left/right bottom padding: 25px 50px 100px; box-sizing ex01은 그냥 width:300을 설정했고 ex02는 ex01에다 padding 10을 주어 width가 확장되었다 . box-sizing: border-box; 을 추..

부모꺼를 자식이 물려받는다. div{ border:1px solid red; margin-left:50px; } p.ex1{ border:1px solid blue; } 자식에 inherit 속성을 추가 div{ border:1px solid red; margin-left:50px; } p.ex1{ border:1px solid blue; margin-left: inherit; } p가 부모div의 속성을 물려받았다. 전체코드 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro suscipit vitae at recusandae sint itaque amet sit id numquam consequuntur dolor ipsa fugiat e..

여백(margine) 테두리(border) 외부의 요소 주위 공간을 만든 것 : 여백 margin-top/margin-right/margin-bottom/margin-left 위를 줄여 margin으로 사용 가능 margin 값 - auto, px, pt.cm 등등, %,(백분율 단위로 사용가능 )- inherit(상속), 음수값을 사용할 수 있다. margin: 0 auto(); 가운데정렬 어떤 요소에 bottom, 그 아래에 top이 잡힌다면 , margin값이 합쳐지지 않는다. 예를들어 첫번째div.bottom여백이 75px, 두번째div.top여백이 25px 이라면 여백이 75+25가 아닌 75px 이다. margin 약식: 4가지요소 : 시계방향대로 돌아간다. top -> right -> bot..

border-style 은 필수이다. 주지 않으면 width, color가 적용되지 않는다. border 양식 - 두께, 스타일, 색상 !important를 쓰면 우선적으로 설정(어느 태그 다 ) solid dotted dashed double groove ridge inset outset none hidden HTML 삽입 미리보기할 수 없는 소스 border-radius p[class]*4>lorem5 Lorem ipsum dolor sit amet. Voluptatibus repudiandae adipisci earum laboriosam! Mollitia enim molestias itaque odit. Fuga quasi unde autem aperiam! HTML 삽입 미리보기할 수 없는 소스

(#top>{Top})+(h3>{css 배경이미지})+lorem+p*50>{.} Top css 배경이미지 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem odit eaque fugit doloribus sint dolorum id iusto assumenda dolorem numquam sequi impedit minus delectus ea placeat harum fuga repudiandae repellat! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . HTML 삽입 미리보기할 수 없는 소스

배경색 div는 블럭모드이기 때문에 width 설정하지 않으면 100%으로 잡힌다 . height는 안에 내용물에 따라 알아서 잡힌다. opacity 속성으로 투명도를 설정하면 자식(하위)들도 동일한 투명도를 상속한다. 배경과 관련된 css 배경 배경색 배경 이미지 배경 반복 배경 첨부 배경 위치 배경 약식 속성 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati sunt porro cum totam veritatis in non molestiae aspernatur quod possimus officiis quibusdam suscipit nemo ipsa fugit hic ipsum culpa consequuntur. Harum s..