Hầu hết các trang web hiện đại sử dụng style sheet bên ngoài để điều khiển việc trình bày một trang. Trong một trang HTML tĩnh truyền thống, một con trỏ đến một style sheet phải được đặt một cách thủ công được trong mã HTML (thường là trong phần đầu trang). Ví dụ:
<link rel="stylesheet" type="text/css" href="/mytheme.css" />
Để có thể trình duyệt, một trang từ một trang web Drupal cũng phải giống hệt như trên: thẻ HTML header có cùng một loại con trỏ đến style sheet bên ngoài. Sự khác biệt chính là ở phía sau, những con trỏ được thêm vào HTML một cách tự động. Một số style có thể đến từ những giao diện của chính nó và những cái khác có thểđược cung cấp bởi các module Drupal khác nhau (để cung cấp style mặc định cho output module).
Có thể thêm style sheet cho một giao diện và có thể ghi đè lên một style sheet mặc định từ nhân Drupal hoặc module đóng gói. Nếu đang sử dụng một giao diện con, có thểghi đè lên style sheet từ giao diện cha.
1.4.5.1. Thành phần của page
.menu: tất cảcây menu đều sử dụng lớp này, như menu định hướng.
.block: tất cả block
.links: danh sách các liên kết, bao gồm liên kết chính và phụ trong phần đầu
36 1.4.5.2. Thành phần của node
.node: một thẻ div bao bọc xung quanh một node, bao gồm cảtiêu đề của nó.
.node-title: tiêu đề của node.
.content: nội dung của node, bao gồm những phần thêm vào do các module
khác tạo ra, như upload file hoặc vùng CCK.
.links: áp dụng cho bất kỳ thẻ UL nào liệt kê danh sách các liên kết, bao
gồm các liên kết chính và phụ trong phần đầu trang, và cả liên kết đến node và taxonomy term. Tuy nhiên các liên kết đến node sẽ lấy lớp .links trong thẻ DIV của nó.
.terms: các taxonomy term, lấy cả .links và .inline
.inline: một lớp hệ thống để thiết kế các mục UL thành một hàng ngang.
.feed-icon: các icon RSS feed, thường nằm ở cuối phần nội dung của trang.