CSS4 CSS 배경 색, 배경 이미지 02 그라데이션과 브라우저 접두사 그라데이션은 크기가 없는 배경 이미지므로 background-image나 background 속성에서 사용 그라데이션 속성은 표준화 됨 하지만 구형 모던 브라우저에서는 브라우저 접두사를 붙여야 동작함 선형 그라데이션 수직 방향이나 수평 방향으로, 혹은 대각선 방향으로 색상이 일정하게 변하는 것 선형 그라데이션을 지정할 때는 방향과 색상이 필요하다. linear-gradient( to , color-stop, [color-stop,...]) 위 구문이 표준 구문이지만 '위치'와 '각도'를 표시하는 방법이 중간에 몇 번 바뀌다 보니 브라우저별, 버전별 사용법이 조금씩 다릅니다. 1) 방향 - [표준 구문] 끝 지점을 기준으로 'to' 키워드와 함께 사용 -[접두사 구문] 예전 모.. 2022. 7. 1. CSS 배경 색, 배경 이미지 background-color 속성 background-color : 웹 문서의 요소에 배경색 지정 16 진수나 rgb값, rgba 값 또는 색상 이름 사용 배경 색은 상속 되지 않습니다. background-color : #00ff00; // 16진수 : 세밀히 생상 조절 background-color : rgb(0,255,0); // rgba : 필요하면 투명도도 함께 조절 가능 background-color : green; // 색상 이름 : 원색사용 코드를 이렇게 짯을때 이런 디자인이 나오게 됩니다. background-clip속성 배경을 어디까지 적용할지 지정 background-clip : border-box | padding-box | content-box 속성 값 설명 border-box .. 2022. 7. 1. CSS 캐스캐이딩 캐스캐이딩의 의미 캐스캐이딩(Cascading) : '위에서 아래로 흐른다'는 뜻입니다. 선택자에서 여러 스타일이 적용될 때 스타일 충돌을 막기 위해 '위에서 아래로 흐르며 적용되는' 방법을 선택합니다. 캐스캐이딩으 원칙 스타일 우선 순위 1. 스타일 규칙의 중요도, 적용 범위에 따라 우선순위가 결정되고 우선 순위에 따라 위에서 아래로 스타일 적용 스타일 상속 2. 태그들의 표함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달합니다. 원칙 1 : 스타일 우선 순위 1. 얼마나 중요한가에 따라 2. 얼마나 한정 지을 수 있는가에 따라 3. 소스 순서에 따라서 중요도와 명시도가 같다면 소스 순서에 따라 결정 합니다. 소스에서 나중에 온 스타일이 먼저 온 스타일을 덮어씀 이코드를 보면 이런.. 2022. 7. 1. CSS기본 스타일 시트 스타일과 스타일 시트 스타일(style) : HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용들 스타일 시트(style sheet) : 스타일을 관리하기 쉽도록 한 군데 모아놓은 것 스타일을 사용하는 이유 웹 문서의 내용과 상관없이 디자인만 변경이 가능하다. - 내용과 디자인의 분리 - 웹 표준의 시작 - 디자인에 영향 없이 내용 수정하거나 내용은 건드리지 않고 디자인만 변경이 가능 - CSS Zen Garden사이트 참고 다양한 기기에 맞춰 탄력적으로 바뀌는 문서를 만들수 있습니다. - 내용은 그대로 두고, 프린터나 스마트폰 브라우저 등 다양한 기기에 맞는 레이아웃을 만들 수 있다. 스타일의 형식 선택자 : {와} 사이에 정의한 스타일 규칙.. 2022. 6. 27. 이전 1 다음
