Преглед на кода на Моят CSS стартов файл

[[Category:Уеб програмиране]]
[[Category:WIKI-TONI]]
{{Футър}}

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

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

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

---

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

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

---

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

<syntaxhighlight lang="apache">
/* 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;
}
</syntaxhighlight>

---

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

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

<pre><nowiki>
<link rel="stylesheet" href="tonibase.css">
</nowiki></pre>

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

---

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

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

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

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