Как да вкарам CSS в HTML?

[ArchangelS]

Как да вкарам CSS в HTML? Който ми каже давам +1

 

[Emperator]

<link rel="stylesheet" href="оказваш пътя до файла.css" type="text/css">

Затова ли питаш ????

 

[crazy_pi4]

Или това?

<style type="text/css">
Тук CSS
</style>

 

[ArchangelS]

<link rel="stylesheet" href="оказваш пътя до файла.css" type="text/css">

Затова ли питаш ????

Да това но как да прикача файла ?

 

[Emperator]

<link rel="stylesheet" href="оказваш пътя до файла.css" type="text/css">

Затова ли питаш ????

Да това но как да прикача файла ?

Това го слагаш между <head> </head> там поставяш този код след това си пправиш файл примерно style и го сейфаш style.CSS посочваш пътя до файла примерно http://site.com/style/style.css и след това почваш да си променяш style по твойте характеристики от това по просто здраве му кажи !!!!

 

[ArchangelS]

+1

 

[Emperator]

+1

Ако имаш нужда от още помощ пиши ми ЛС или пусни тема впрочем не си ми дал точката

 

[adrian]

Има три начина за вкарване на css във файл.

I. Вкарване на css от външен файл.
1. Правиш някакъв файл, който съдържа само css код (без никакви html атрибути или каквото друго може да ти дойде на ума).
2. Кръщаваш го с каквото име искаш. (Хубаво е да се задават смислени имена на файла, за да знаеш за какво става дума. Ако в него задаваш стилове за меню добро име е menu.css, а не да речем asdf.css)
3.Между таговете <head> и </head> в .html документа слагаш това:

<link rel="stylesheet" href="пътя до файла" type="text/css" />

Този метод се използва когато искаш на доста страници в един сайт да задаваш едни и същи стилове.

ПРИМЕР:
style.css

.myClass {
color: red;
font: 11px Arial;
}

index.html

<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<a href="#" class="myClass">link</a>
</body>
</html>

II. Вкарване на css в самия файл
1. Между таговете <head> и </head> слагаш това:

<style type="text/css">
css код
</style>

Методът е подходящ когато искаш дадена страница освен общите стилове да има и свои собствени или просто не обичаш да има външен файл.

ПРИМЕР:

<html>
<head>
<style type="text/css">
.myClass {
color: red;
font: 11px Arial;
}
</style>
</head>
<body>
<a href="#" class="myClass">link</a>
</body>
</html>

III. Вкарване на css директно inline в самия html таг.
1. Решаваш кой html елемент искаш да променяш и слагаш това:

style="css свойства"

Използва се когато искаш да предефинираш изгледа на някой вече зададен стил. Примерно всички линкове си ги направил във външния css файл да са неподчертани, но този искаш да е подчертан. Тогава правиш така:

<a href="#" style="text-decoration: underline;">link</a>

ПРИМЕР:

<html>
<head>
<style type="text/css">
.myClass {
color: red;
font: 11px Arial;
}
</style>
</head>
<body>
<a href="#" class="myClass" style="text-decoration: none;>link</a>
</body>

</html>


Добро четиво за css бих ти препоръчал да погледнеш в soft-press тези две книги:
1
2

Успех с изучаването на css