Моят CSS стартов файл

📚 Това съдържание е част от личния архив и база знания на Тони Ангелчовски, създадено в рамките на проекта WIKI-TONI. Уики платформата е достъпна само за четене. Не се поддържат регистрации или външни редакции. ⚠️ Забранява се копирането, възпроизвеждането или използването на текстовете без предварително писмено разрешение от автора. Благодарим, че уважаваш авторството и вдъхновението зад всяка дума.

🧾 Моят CSS стартов файл – готов шаблон за всеки проект

✨ Започни всеки проект с преднина

Това е моята лична формула – **базов CSS шаблон**, с който започвам всяка нова уеб страница. Той ми осигурява нулиране на браузърните стилове, плавни преходи, четливост и бърз стил.

---

💡 Защо да ползваш стартов файл?

• Пести време – не започваш от нулата • Унифицира визията във всички браузъри • Създава естетична и чиста основа • Помага да се фокусираш върху съдържанието

---

⚡ CSS шаблон: „ToniBase.css“

/* ToniBase.css – стартов стилов файл */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f9f9f9;
  color: #333;
  line-height: 1.6;
  padding: 20px;
}

h1, h2, h3, h4 {
  color: #004080;
  margin-bottom: 15px;
}

p {
  margin-bottom: 20px;
}

a {
  color: #e60039;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

button {
  background-color: #004080;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
button:hover {
  background-color: #0066cc;
}

---

✅ Как да го използваш?

1. Копирай този код и го запиши като файл `tonibase.css` 2. В HTML страницата добави:

<link rel="stylesheet" href="tonibase.css">

3. Стартът е направен. Надграждай със стил и вдъхновение 🔥

---

🎓 Препоръка от Тони

> Стилът не е декорация. Той е усещане. > А когато основата е стабилна – можеш да създаваш шедьоври, без да се разсейваш с дреболии.

––––––––––––––––––––––––––––––––––––––––––––

Следваща стъпка: Как да организираш файловете в уеб проект като професионалист