поясните пожалуйста по html и css

В каждом конкретном случае может быть своё собственное решение, как это сделать.
Но есть общий принцип: Стараться, как можно больше дизайна убрать в CSS так, чтобы размер кода в HTML был как можно меньше.
То есть скелет (HTML) должен быть почищен от кожи и мяса (CSS) как можно больше, чтобы голый скелет весил как можно меньше.

"я так понял css просто оформляет страницу цветами и рамками"
Нет.
Читай еще. Ты ничего не понял.

Я недавно узнал, что сейчас можно создавать сайты, вообще ничего не зная про HTML и CSS )))

HTML - язык разметки всякого на странице. Прямо в нем можно указывать всё статичное, что есть в CSS. В виде < div style="color:red;border: 1px solid #000;" > и т. п. Но важно, чтобы HTML на странице был как можно проще, чтобы в него легко было вникать в случае чего. Но когда у всех элементов появляется куча стилей и атрибутов, HTML становится достаточно сложным. Это особенно заметно в случае таблиц) А тут ему приходит на помощь CSS... каждому HTML элементу добавляется свой класс, а весь стиль переносится в другое место, уже ссылаясь на этот класс, оставляя HTML таким же простым, каким он должен быть. Поэтому ага, нет никакого смысла НЕ использовать CSS, если есть такая возможность) Разве что на тех элементах, которые встречаются в коде всего пару раз и точечно надо что-то менять конкретно с ними.

Ты думаешь сейчас тебе кто-то покажет лайф хак, объяснив всю суть в двух словах?
Там не много информации, но для общей картины нужно прочесть хотя бы несколько вводных тем.