2015-12-15 1 views
0

Я знаю, что встроенные стили сильно обескуражены, и в основном мы должны использовать теги <style> в <head> или внешний файл CSS.css - style in head tag vs css file import - что рекомендуется?

То, что я не понимаю, это использование <style> тегов в файле .html и фактических .css файлах.

Должен ли я переместить весь код стиля от home.html до home.css и включить его через тег <link>?

Или с использованием <style> тегов в <head> вполне приемлемо? Мой босс говорит, что я должен включить весь код в файлы .css.

Примечание:

Я не ищу с точки зрения лучшей производительности; довольно чистый код и лучшие практики при написании HTML/CSS и упрощение отладки/чтения.

+0

применять стили, используя класс с помощью файла CSS является одним из лучших вариантов. –

+1

вы должны проверить эту ссылку http://stackoverflow.com/questions/8284365/external-css-vs-inline-style-performance-difference –

+1

@ cst1992 положить все свои стили в файл CSS, это лучшие практики. –

ответ

0

Вы должны определенно взглянуть на этом сайте: Best practice of CSS (не каждая точка является обязательной в любом случае)

Возможно добавить, что вы должны, если ваш проект получает больший раскол весь файл CSS в кратный.

Особенно, если вы делитесь своими файлами с его полезными данными, то это чрезвычайно удобно, если вы решили отделить свои html и css. Другое, потому что вы получаете огромный html-файл, и вы теряете удобочитаемость.

Если вы работали с CSS унции файлов 8000lines Youre благодарны, что вы расщепленных ваш CSS

+0

Это хорошая статья. Спасибо. – cst1992

1

это ниже пример, чтобы отделить ......

/* .css file */ 
 

 
a { 
 
    color: green; 
 
    text-decoration: none; 
 
}
<!-- .html file --> 
 

 
<a href="www.google.co.in">Google</a>

+0

Я уже знаю синтаксис и разницу между ними; то, что я хочу знать, - это то, что нужно делать, чтобы сделать код более удобным для обслуживания и чтения. – cst1992

0

Я предпочитаю создавать отдельный файл CSS, то вы называете URL в ваш HTML файл внутри тэгов головы как это: ... HTML файл

<html> 
    <head> 
     <title></title> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
     <a href="www.google.co.in">Google</a> 
    </body> 
</html> 

... CSS файл

a { color: green; text-decoration: none;} 

Наличие внешнего CSS очень полезно, потому что вы можете вызывать файл, когда хотите стилизовать другую страницу, не переписывая форму кода.