Jam's story

여백(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 삽입 미리보기할 수 없는 소스

배경색 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..

표준색상명 140개, RGB, RGBA 색 white #ffffff #fff RGB [A] (255, 255, 255) HSL [A] HSL (색조, 채도, 밝기) 색조: 0~360 0 (빨강) 120(녹색) 240(파랑) 채도: 0% (회색음영)~100% 밝기: 0~100% background-color: hsl(0, 100%, 50%); A (alpha) 투명도: 0.0 (완전 투명) ~ 1.0 (완전 불투명)

링크를 어디에 다느냐에 따라 다르다 html 문서 안에 style 태그 밑에 두면, css 대로 적용이되는데 html 문서안에서 link를 주고, 그다음 style 태그가 있다면 style 태그로 적용된다. 클래스명이 태그명보다 우선순위가 높다. 태그명+클래스명 우선순위가 더 높다. 태그명< 아이디명