Существуют ли какие-либо стандарты CSS, которым я должен следовать при написании моей первой таблицы стилей?

Question

Я сейчас работаю над своим первым сайтом. Я понятия не имею, с чего начать на странице CSS или есть какие-то стандарты, которым я должен следовать.

Буду признателен за любые ссылки или советы из первых рук.

Answer 1

Если это ваш первый раз, удачи!

Я не уверен, что как новичок вам нужны обширные или исчерпывающие ресурсы. Делайте все медленно и делайте все возможное, чтобы ваш код читался для чтения . Интервал, интервал, интервал.

Используйте внешние таблицы стилей (кто-то сказал выше), и, как бы хорошо это ни звучало сейчас, не добавляйте новые таблицы стилей для разных разделов сайта. Это сделает вашу жизнь намного проще в будущем.

Answer 2

Я просто должен упомянуть css Zen Garden как источник вдохновения.

Answer 3

Это достойный обзор:

http://www.onlinetools.org/articles/cssguides.html

Answer 4

Я создаю веб-сайты уже 5 лет и до сих пор многому учусь, читая это время от времени: http://code.google.com/speed/page-speed/docs/rendering.html

Также проверьте http://www.zeldman.com блог на CSS. Этот парень - легенда в мире Интернета.

Answer 5

Если вы используете скрипт сброса - он сгладит некоторые изюминки между различными браузерами. Это сделало мою жизнь проще.

Я видел, как некоторые люди ругались, просто используя

* { padding: 0; margin: 0; }

Но вы также можете использовать более тщательные реализации - например, в библиотеке YUI ... http://developer.yahoo.com/yui/reset/

Когда дело доходит до тестирования рендеров вашего сайта - browsershots.org очень полезен.

Плагин webdev firefox великолепен - CTRL + SHIFT + E позволяет редактировать CSS и видеть изменения на лету. Если вы нажали CTRL + F, вы также можете навести курсор мыши на элемент, чтобы узнать, что это такое.

Чтобы добавить на сайты, о которых упоминали другие люди, я нашел http://css -discuss.incutio.com полезным. Freenode #css также удобен.

Answer 6

Я узнал, что мне нужно знать, из Missing Manual (книга Орейли) Мак Фарланда, и, взглянув на таблицу стилей приложения rails '. Это работает довольно хорошо, google "example / sample projects / app / repositories" для PHP, ASP.net, что бы вы ни использовали.

Answer 7

Полное руководство по CSS на westciv.com содержит исчерпывающую информацию о CSS Это отличное место для начала погружения.