본문 바로가기

Browser2

[CSS 기본] CSS 기본 정리 스타일 우선순위 1. 사용자 스타일 시트 2. 직접 만든 스타일 중 !important 가 적용된 스타일 3. 직접 만든 스타일 4. 기본 브라우저 스타일 시트 소스 상 순서 나중에 온 스타일이 먼저 온 스타일을 덮어쓴다. 브라우저 접두사 표준 규약이 아닌 속성들에 대해서는 브라우저에 따라 속성이름 앞에 접두사(prefix)를 붙여야 한다. 접두사 설명 -webkit- 웹키트 방식 브라우저용 ( 사파이, 크롬) -moz- 게코 방식 브라우저용( 모질라, 파이어폭스) -o- 오페라 브라우저 -ms- 마이프로소프트 인터넷 익스플로러 BUT, CSS 속성을 사용할 때마다 여러 브라우저 접두사를 붙여 사용하는 것은 번거롭기 때문에 '-prefix-free' 라는 js 파일을 이용하면 매번 접두사를 붙이지 않아도.. 2021. 11. 13.
[HTML 기본] 텍스트 관련 태그 모음 텍스트를 덩어리로 묶어 주는 태그 ~ 제목 표시하기 제목 텍스트는 일반 텍스트보다 굵고 진하게 표시됩니다. 단락 만들기 줄 바꾸기 웹 브라우저에서 줄바꿈을 하려면 줄을 바꿀 위치에 태그를 사용해야 합니다. 인용문 넣기 다른 블로그나 사이트의 글을 인용할 경우 태그를 이용해 표시합니다. 이때 인용한 문장은 다른 텍스트보다 안으로 들여 써지므로 다른 텍스트와 구별됩니다. 입력하는 그대로 화면에 표시하기 HTML에서는 아무리 많은 공백을 넣더라도 브라우저 창에는 한 개의 공백만 표시됩니다. 하지만 태그를 사용할 경우, 소스에 표시한 공백이 브라우저에 그대로 표시됩니다. 텍스트를 한 줄로 표시하는 태그 , 굵게 표시하기 : 경고나 주의 사항처럼 중요한 내용을 강조해야 할 때 사용 : 단순히 굵게 표시해야 할 때.. 2021. 11. 10.