CSS 편집하기 (부분)

== 문법 ==
CSS는 크게 선택자(Selector)와 선언 블록(Declaration Block)으로 구성된다. 선택자는 스타일을 적용할 HTML 요소를 지정하고, 선언 블록은 중괄호(<code>{}</code>)로 감싸며, 그 안에 여러 개의 속성과 값을 정의한다. 각 속성 선언은 콜론(<code>:</code>)으로 구분하고, 세미콜론(<code>;</code>)으로 마무리한다.

예시:
<syntaxhighlight lang="css">
/* 간단한 CSS 문법 예시 */
선택자 {
  속성명: 속성값;
  속성명2: 속성값2;
}
</syntaxhighlight>

아래는 단락(<code>&lt;p&gt;</code>) 요소를 빨간색 글씨, 16px 글꼴 크기로 표시하는 예시다:

<syntaxhighlight lang="css">
p {
  color: red;
  font-size: 16px;
}
</syntaxhighlight>

CSS 코드가 더욱 복잡해지면, 여러 선택자와 속성이 혼합되어 사용된다. 이를 관리하기 위해 SCSS(Sass)나 LESS와 같은 CSS 전처리기(Preprocessor)를 사용하는 경우도 많으며, 이러한 도구를 통해 변수, 중첩, 함수 등 고급 기능을 활용하여 유지보수가 용이한 스타일 코드를 작성할 수 있다.