Тема: Як використовувати css фреймворк.

Сьогодні вирішив глянути у сторону css фреймворків,
та зразу ж виникло декілька питань.
1) Самі css файли є досить обємні, тому потрібно самому вибирати класи і виносити їх у окремий css ?
2) Як дізнатися, який клас застосовується. До якого елементу його можна застосовувати
та й вкінці кінців, як воно взагалі буде виглядати ?

2 Востаннє редагувалося DictatoR (17.02.2013 19:57:53)

Re: Як використовувати css фреймворк.

Hanter написав:

2) Як дізнатися, який клас застосовується. До якого елементу його можна застосовувати
та й вкінці кінців, як воно взагалі буде виглядати ?

Можна використовувати додаток для Firefox Firebug
в google сhrome уже є подібний додаток, потрібно нажати f12!

Re: Як використовувати css фреймворк.

DictatoR написав:
Hanter написав:

2) Як дізнатися, який клас застосовується. До якого елементу його можна застосовувати
та й вкінці кінців, як воно взагалі буде виглядати ?

Можна використовувати додаток для Firefox Firebug
в google сhrome уже є подібний додаток, потрібно нажати f12!

Ви мене неправильно зрозуміли.
Наприклад є 3 класи: a,b,c. Як дізнатися який клас застосовується до div,li або input. Тобто готової
html сторінки я не маю, а тільки хочу зробити.
P.S: на даний час розбираюся з twitter-bootstrap, дещо вже зрозумів, що і до чого.
Але все ж залишилися деякі незрозумілі моменти.

4

Re: Як використовувати css фреймворк.

Hanter написав:
DictatoR написав:
Hanter написав:

2) Як дізнатися, який клас застосовується. До якого елементу його можна застосовувати
та й вкінці кінців, як воно взагалі буде виглядати ?

Можна використовувати додаток для Firefox Firebug
в google сhrome уже є подібний додаток, потрібно нажати f12!

Ви мене неправильно зрозуміли.
Наприклад є 3 класи: a,b,c. Як дізнатися який клас застосовується до div,li або input. Тобто готової
html сторінки я не маю, а тільки хочу зробити.
P.S: на даний час розбираюся з twitter-bootstrap, дещо вже зрозумів, що і до чого.
Але все ж залишилися деякі незрозумілі моменти.

http://www.w3schools.com/css/css_id_class.asp

your classes (a, b, c) you would use with any HTML-tag:

<div class="a"> 
...some HTML code ...
<p class="a"> text for paragraph</p>
</div>

http://www.w3schools.com/css/tryit.asp? … ntax_class

5

Re: Як використовувати css фреймворк.

Ви мене неправильно зрозуміли.
Наприклад є 3 класи: a,b,c. Як дізнатися який клас застосовується до div,li або input. Тобто готової
html сторінки я не маю, а тільки хочу зробити.

Привіт, фактично можна клас застосовувати до будь якого елементу, у мене ні разу не було з цим проблем. Переважно спочатку у цсс файлах скидуються всі стилі до сандартних стилів фреймворку, для того що б у всіх бравзерах було однаково а пізніше присвоюйте класи куди вам потрібно ;)

p.s. можливо це і не дуже стосується цсс фреймворків але вирішив написати:
В більшості випадків html це семантика тому звісно по не писаних правилах не рекомендується писати такий код:

<h1 class="article-full-text">bla bla bla</h1>

Re: Як використовувати css фреймворк.

Всім дякую, помаленько вже почав вловлювати суть що і до чого.