목록프론트 엔드 (front-end)/CSS (7)

안경잡이 구루루

CSS 를 HTML에 적용시키는 방법들 (Apply CSS to HTML)

CSS 를 HTML에 적용시키는 방법은 크게 3가지 경우가 있다. 인라인 스타일(inline style), 내부 스타일 시트(internal style sheet), 링킹 스타일 시트(linking style sheet) 1) 인라인 스타일(inline style) : HTML 태그마다 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법이다. 이 때문에 여러 태그들에 공통 속성을 재사용해서 부여할수 없고 한번 설정된 스타일을 변경하기 어렵다. 또한 HTML과 CSS를 같이 혼용해서 사용하기 때문에 가독성 또한 좋지 못하다. 그래서 특정 태그에만 적용시키는 특별한 경우를 제외하고는 사용되지 않는다. ex_1 오펜하이머는 원자핵폭탄을 만드는 멘헤튼 프로젝트의 리더였다. result_1 2) 내부..
프론트 엔드 (front-end)/CSS 2023. 8. 14. 01:34
css 정리 2(+미완)

반복.공통되는 style css를 적용시키는 방법으로 1. html 에서 의 href 속성을 이용 2. @import url 을 특정 css에 다른 css를 추가하는 법 css애서는 대쉬 2개(--) 를 앞에 붙이면 변수로 선언 가능 ex. --not-good : not-good 이라는 변수 / css에서 변수를 사용할 때는 var(변수이름, 변수없을 경우 대안값) 형식을 이용 ex. u{ background-color: var(--warn, lightblue) : --warn 변수가 없으면 lightblue를 적용 , :변수이름 ----> 의 형태의 경우 모든 요소들에서 적용할 수 있는 변수 특정 요소에서만 특정 css를 적용시키기 위해 {} 로 둘러 쌓는다. ex. u { --not-good: wav..
프론트 엔드 (front-end)/CSS 2023. 7. 26. 16:50
CSS 기본 배우기

보호되어 있는 글입니다.
프론트 엔드 (front-end)/CSS 2023. 7. 18. 11:27
이전 Prev 1 2 Next 다음