CSS21 CSS text style 속성 1 텍스트 스타일color 속성text-decoration 속성text-transform 속성text -shadow 속성white-space 속성letter-spacing / word-spacing 속성text-shadow 쉼표로 값을 구분해서 여러개의 그림자를 만들 수 있다. 잘 이용하면 그라데이션 가능.문단 스타일로 텍스트 정렬하는 것 말고 white-space를 이용해 공백이랑 문장 줄 넘김 한번에 조절 할 수 있다니 특히 텍스트가 많은 article 등에 사용하면 유용할 것 같다.그림자말고 글자 자체에도 그라데이션도 넣을 수 있을까?글자에만 배경을 따로 지정해서 색상을 넣는 방법은?텍스트 스타일 -문단에 사용되는 스타일 color 속성 - 글자 색 지정태그 {color:rgb(0,200,0);} /.. 2022. 4. 13. CSS font 속성 글꼴 관련 스타일font-family 속성@font-face 속성 font-size 속성font-weight 속성font-style 속성font-variant 속성font 속성font-*속성은 사용하는 값들이 다르기 때문에 한번에 묶어서 사용할 수 있다. /슬래쉬로 연결하면 훨씬 간결하고 편하다.글꼴 파일을 먼저 선언하는 것으로 다른 결과를 낼 수 있다. 먼저 선언 한 woff 파일만 다운로드되고 그 후에 선언한 ttf는 다운로드 되지 않는 것. 효율적인 처리방식이라고 생각한다.Q : , 태그를 이용해 이탤릭체를 표현하는 것과 font-style 속성으로 이탤릭체를 표현하는 것에 차이점은?A : 웹 접근성과 연관되어있다. : 텍스트의 강세를 표현할 때 사용.(보다는 강하지 않다.) 스크린 리더기.. 2022. 4. 12. CSS 스타일 기본기 스타일에 대한 기본적인 이해스타일 우선순위스타일 상속스타일을 사용하는 이유스타일 표기법스타일 시트태그(tag)와 요소(element)의 차이 : 태그는 태그 자체만을 지칭하며, 요소는 태그가 적용된 것을 가리킨다. 따라서 스타일을 적용하는 것은 태그가 아닌 요소이다. '요소에 적용되는 스타일'이 알맞은 표현이다.브라우저 접두사 : 브라우저별로 속성들이 다른 방식으로 지원되기 때문에 속성 이름 앞에 접두사(prefix)를 붙여 브라우저별로 구분한다. -webkit- 웹키트 방식 브라우저용 (사파리, 크롬)-moz- 게코 방식 브라우저용(모질라, 파이어폭스)-o- 오페라 브라우저-ms- 마이크로소프트 인터넷 익스플로러Q : 웹키트 방식과 게코 방식?A : 참고 사이트 바로가기CSS의 C. 캐스캐이딩(Casc.. 2022. 4. 12. 이전 1 2 3 다음
