coding with cong

css3 규칙 1. 부모 태그/ 부모 요소 (parent element) 예) : 태그는 의 자식태그 = 도 red 적용 2. 스타일 합치기 (cascading) : 4가지 스타일 시트가 태그에 동시에 적용될 때, 스타일이 합쳐져서 적용됨. 3. 스타일 오버라이딩 (overriding) : 덮어쓰기, 값 설정 시 우선순위가 높은 스타일을 적용 우선순위 = 브라우저 < .css < < style 시트 작성 4가지 종류의 스타일 시트 1) 브라우저 디폴트 스타일 : 기본 스타일 2) .css스타일 시트 파일에 작성된 스타일 : (external.css문서의) p{ color: red; } 3) 태그에 작성된 스타일 : p {color: red;} 4) style 속성에 작성된 스타일 : __

1. 태그에 스타일 시트 작성 1) 태그 내에서 작성 가능 2) 여러번 작성이 가능, 스타일 시트가 합쳐 적용 3) 웹 페이지 전체에 적용 2. style속성에 스타일 시트 작성 : 해당 태그에만 스타일 적용 3. 외부스타일 시트 불러오기 : 스타일 시트 별도 저장 (.css) -> 필요시 태그, @import로 불러 사용 (.css 파일은 - 안에서 사용, 여러번 사용 가능

margin : _px ; 상하좌우 적용 margin : _px auto ; 상하 좌우 margin : _px _px _px _px ; 상 오 하 왼 (시계방향 적용) margin : _px _px _px ; 상 오왼 하 (가운데는 left=right) 이외의 경우에는 따로 설정

색상 스타일 ∙ 형식 div { color : ___; } ∙ 사용 color : 글자색 background-color : 배경색 border-color : 테두리 색 1. 이미 지정된 색상 이름 사용 예) red, violet 2. 색상 코드 사용 - 16진수 색상 코드 #ff0000 예) #RRGGBB 3. RGB코드 사용 rgb(000,000,000) / rgba(000,000,000,000) - 지정된 이름 사용 div { color : 색 이름; } (a : 투명도 값 추가 0~1/ 반투명 0.5/0에 가까울수록 투명) 4. hsl(a) 사용 : h색상 s채도 l명도 a불투명도를 순서대로 %로 표시 5. 그레이디언트 사용 (그라데이션) background: linear-gradient(방향/각도..

selector 셀렉터 : HTML 태그의 모양을 꾸밀 스타일 시트를 선택하는 기능 Web Programming -> 셀렉터 스타일 적용 1. 태그 이름 셀렉터 : 태그 이름이 셀렉터 - 태그이름은 콤마( , )로 분리 예) h3, li {color: brown;} = , 태그에 스타일 적용 2. class(.) 셀렉터 : class 속성이 같은 모든 태그에 적용 - .으로 시작되는 셀렉터 : 모든 태그에서 스타일 적용 - 태그 이름과 같이 형성된 .셀렉터 : 해당 태그에서만 스타일 적용 예) body.main { color: red; } 적용 가능 적용 불가 3. id (#) 셀렉터 : id 속성이 같은 모든 태그에 스타일 적용 - #으로 시작되는 셀렉터 : 모든 태그에서 스타일 적용 - 태그 이름과 ..