Здравейте, колеги. Понеже в домашното по CSS пише, че трябва да направим страницата ни със 100% accuracy, въпросът ми е как мога да разбера колко пиксела точно трябва да е размерът на еди-си-коя клетка от таблицата, или съответно падинга на някой елемент? Опитах се да ги измервам във Фотошоп, но се получава много различно от показаното в PNG файла.
Ами падингите и маргините няма как да ги разбереш, по-скоро под 100% точност се имат предвид цветовете и стиловете, например както във втората задача от домашното началната буква е с по-голям шрифт, и т.н. Пък разстояния, отстояния и подобните си ги гледаш на око - стига разбира се да не сложиш примерно страничната навигация отдолу xD С PS, както и ти казваш, работата е пипкава и не винаги дава точни резултати, защото някои елементи наследяват отстояния от parrent елементите, други са зададени с абсолютни стойности и така.. Успех!
100% accuracy означава pixel perfect. Това означава, че като наложиш картинката върху HTML страницата в браузъра всичко трябва да ляга едно върху друго, вкл отстоянията и шрифтовете. Как се разбира колко са отстоянията - ами просто окото свиква с тях. Аз ги вземам с Paint.Net или Photoshop приблизително и след това ги напасвам докато не си дойдат на мястото. Също и добавката за Хром - page ruler е много полезна в това отношение. Може да погледнете тази тема. Можеш да измериш колко е цялото отстояние, но не знаеш дали е падинг или маргин. Как ще го направиш е въпрос на преценка и опит.
Проблемът е друг. Например на първа задача, даден падинг, отмерен във Photoshop излиза, че е 26 пиксела, а като го задам в CSS-a като 26 пиксела, изглежда по коренно различен начин. Някакви идеи защо се получава така?
Защото картинките в домашното не са с zoom: 100%.
Точно това се чудих и на миналите домашни...картинката в уърд файла ли гледаме или да си я вадим, за да е на 100%?
Вадиш я. Аз я бях извадил, но проблемът беше другаде - т.е. проблемите бяха много. 
Не бях си оправил като хората пропорциите на таблицата, фонтовете и оттам всичко изглеждаше тотално различно. Но иначе си вадиш картинката, да.
Това изглежда добро несъм го пробвал: https://www.youtube.com/watch?v=s9r9HlL-ShM#t=18
Днес го инсталирах и си направих първа задача от домашното с него - супер е! 
Значи работи супер, ще го пробвам...
Много е добро!!! Ползвам си го като ми се наложи :) За да не се чудите за какво говорим.. ето линк към екстеншъна PerfectPixel
Колеги, имате ли идея, защо въпреки че давам border-radius под хром ми заобля само жълтата част от хедъра, а самия бордър остава под прав ъгъл:
http://s29.postimg.org/kwh2peb5j/chrome.png
Под explorer изглежда ОК - аз ли изпускам нещо или има някакъв бъг на самия chrome.
Понеже не си дал код, мога само да предположа, че си го реализирал с table>thead>tr>th и си дал заоблянето на някой от вътрешните тагове, а контурът на таблицата си остава незаоблен
Това е CSS: http://pastebin.com/cHtiw4ze Това е HTML: http://pastebin.com/7NXyDnbn Сега не иска да разпечатва и редовете след първия.
Нещо от visual studio е май - работи коректно когато отворя файла директно от explorer си работи ОК, като отворя от Visual Studio ми зарежда някаква стара версия. Нямам грам идея как да го реша
При мен работи нормално на Хром и по двата начина - чрез локалния хост или директно отворен в браузъра.
При Firefox обаче остават едни бели ъгълчета там, където е заоблената част, и не знам как да ги изчистя.
За отстоянията по подразбиране има много лесен лек. Винаги в началото на css-файла се прави ресет на маргини и падинги, като се изброяват всички използвани html елементи и им се дават margin:0; padding:0; Това спестява много време и чудене след това.