CSS - 중복에 관하여
2022. 5. 31. 17:36ㆍCSS
'중복을 제거함으로써 얻을 수 있는 막대한 효과'
하나의 페이지에 CSS 디자인을 입히기 위해 여러 CSS code들을 장황하게 만들었다.
허나 적용해야할 페이지의 수가 무한히 많다면?
이 문제를 해결하기 위한 방법을 얘기해보고자 한다.
반복되는 CSS code들을 하나의 파일로 엮고, HTML파일에서 CSS파일을 참조하게 한다면 각 페이지에 들어갈 code문장은 단 하나로 줄일 수 있다.
<link rel="stylesheet" href="style.css">
이는 코드를 작성함에 있어서 굉장히 효율적일뿐 아니라, 코드를 유지보수함에 있어서도 비교도 안될만큼 효율적이다.
w3schools에서 CSS를 다음과 같이 설명한다.
"CSS saves a lot of work. It can control the layout of multiple web pages all at once."
Using CSS
CSS can be added to HTML documents in 3 ways:
- Inline - by using the style attribute inside HTML elements
- Internal - by using a <style> element in the <head> section
- External - by using a <link> element to link to an external CSS file
'CSS' 카테고리의 다른 글
| CSS - 미디어 쿼리 (0) | 2022.05.31 |
|---|---|
| CSS - grid (0) | 2022.05.31 |
| CSS - 박스 모델 (0) | 2022.05.30 |
| CSS - Selector ( tag, class, id ) (0) | 2022.05.30 |