목록Front-End (2)

안경잡이 구루루

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
프론트 엔드(front-end)의 HTML, CSS, JAVA SCRIPT 에 관한 이해

1) HTML, CSS 는 반드시 같이 쓰인다 HTML 은 브라우저에게 내용이 무엇인지(ex. content, title, text, link, list 등) 결정하고 CSS 는 브라우저에게 그 내용이 웹사이트에서 어떻게 보여야 하는지(ex. 색상,크기,위치 등) 를 결정짓는다. 예를 들어 HTML 은 '이건 image야' 라고 말하고 CSS는 '그 image는 25x100 크기어야해' 라고 하는 역할을 수행한다. ====> 즉, HTML 은 CSS 가 없으면 정돈되지 않은 내용들로 사람들이 보기 힘들고 CSS 는 HTML 이 없으면 꾸밀 대상이 없기 때문에 혼자 사용하는 것은 무의미 하다. 둘은 상호보완적인 관계로 볼 수 있기 때문에 반드시 함께 사용한다. 예시를 통해 쉽게 이해해 보고자 한다. 위 사..
프론트 엔드 (front-end)/공통(common) 2023. 7. 3. 15:45
이전 Prev 1 Next 다음