Wyrażając

Czytałem to w jakimś blogu ... myślał, że miło było skatalogować to w przyszłości ref .... również może być ważne pytanie wywiad, który prosiłeś kilka dni ....

Napisz fragment CSS, który będzie wyświetlany paragraf na niebiesko w starszych przeglądarkach, czerwony w nowszych przeglądarkach, zielony w IE6 i IE7 w czerni

#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}

Gdyby ten dziwny problem, gdzie fragment kodu JavaScript działały bez zarzutu we wszystkich ans przeglądarki jak zwykle IE bar Proste ... to było, ale ponieważ scenariusz nie został napisany przeze mnie zajęło trochę czasu, aby debugować ten "Obiekt nie obsługuje tej właściwości lub metody" błąd, że tylko IE został zwymiotować. Prawdopodobnie! Gdybym miał napisać scenariusz, bym nie dostał ten błąd w ogóle, a nie mieszać moich nazw zmiennych z pola id :).

Problem: Obiekt nie obsługuje tej właściwości lub metody (on line 3)

 function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

Rozwiązanie:
Błąd ten jest generowany na thirdrow w powyższym przykładzie (Linia 3 ... "KrótkiOpis = document.getE ...."). Próbowałem wszelkiego rodzaju głupich rzeczy, że Ja tego nie zrobiłem jest nawet warte wzmianki tu i wreszcie wiesz co! tylko zmiana var KrótkiOpis do czegoś innego pozbyła się błędu. Zasadniczo! Nazwa zmiennej musi różnić się od fieldID

Re-jazda na rowerze jest Buzzword i rozwojem sieci oznacza to nie różni. To oszczędza energię, w kategoriach wysiłku!

Przez lata pisania CSS i tworzenie HTML z wzorów, śledzę kilka najlepszych praktyk, w dążeniu do oszczędności czasu i energii w to, co powszechnie termin jak "Re-wynajdowanie koła". Raz po raz, powiedziałem sobie, że muszę utworzyć kilka szablonów, niektóre standardowe wielokrotnego użytku CSS które używam Out of the box w mojej przyszłej pracy. Choć nie do końca, ale udało się osiągnąć niektóre cele.

W promowaniu, ponowne użycie CSS, musiałem spojrzeć na kilka ram CSS, które są powszechnie dostępne dla nas i postanowił umieścić je wykorzystać, ponieważ są one sprawdzone i stworzone przez doświadczonych deweloperów, znacznie ode mnie. Co ważniejsze "uniknąć ponownego Wymyślanie".

Choć powszechnie wiadomo, do weteranów, starałem się pióra pewnych podstawowych pojęć / najlepsze praktyki / myśli, że poszła do tworzenia tych ram, aby uczynić RE-CYCLING CSS możliwe. Nadzieję, że pomoże niektórych deweloperów CSS, którzy właśnie się i niedawno wsiedli do zwycięzcy CSS!

Klawisze Re-rowerowe z CSS:

Użyj konwencji nazewnictwa

To musi być najważniejszym czynnikiem w podejmowaniu CSS / HTML wielokrotnego użytku. Nadanie spójne nazwy elementów strony pozwala na ponowne wykorzystanie składników stron, a ich style z mało lub modyfikacji. Zgodnie z tym argumentem, nawet HTML5, w większych zmian zmian nad jego poprzednicy, ma wprowadzić pewne strukturalne mianowicie tagów. <article>, <section>, <header>, <aside> i <nav> [ Co HTML5 przynieść? ]. Nawet z HTML 4 (lub niższy), to najlepiej nazwać standardowych sekcji strony consistanly jak w prostym przykładzie poniżej ...

Pamiętaj, że większość stron na Twojego projektu, w końcu o tych samych podstawowych elementów konstrukcyjnych. Zidentyfikować te wspólne elementy strony podstawowe ....

  <div id="container">
    <div id="header"> ... </ div>
    <div id="nav"> ... </ div>
    <div id="sidebar"> ... </ div>
    <div id="footer"> ... </ div>
   </ Div> 

Wyzeruj domyślne ustawienia stylów (CSS Resetuje): Czy korzystasz z ram lub wyraź swoją, musisz podać CSS Przywraca [ Jakie są CSS Resetuje? ], jak ograniczyć lub czasami wyeliminować wizualnych sprzeczności, które występują pomiędzy różnymi przeglądarkami. W prostych słowach mechanizm resetowania CSS określa style elementów HTML do wartości zero lub null, zastępując wszystkie domyślne wartości przeglądarki mogą niesie. To zapewnia czyste łupków, aby ustawić właściwości tych pustce elementów każdego agenta użytkownika domyślnych [ CSS2.1 Style domyślne User Agent arkuszy ]. Wszystkie ramy CSS mają z zerowania mechanizmu. Jeśli piszesz ty własny CSS Przywraca, uwaga jest taka, że ​​jeśli zdarzy ci się zapomnieć, aby zresetować kluczową własność, może to prowadzić do różnych przeglądarkach kwestii, które są bardzo trudne do debugowania. Pamiętaj, przechowywać kopię resetowania stylów i upuść na każdego nowego projektu tworzonego.

  ciała, div, dl, dt, dd, ul, ol, li,
  H1, H2, H3, H4, H5, H6,
  wcześniej, forma, fieldset, wejście, select, textarea,
  p, blockquote, stół, th, td
  {
    border: 0px;
    margin: 0;
    padding: 0;
  } 

Set Defaults (style bazowe) do elementów:

Po ustawieniu (zero lub null) domyślne wartości pewnych atrybutów niektórych elementów HTML, to konieczne jest zastosowanie kilku stylów w całej każdej instancji tych elementów. Te ustawienie domyślne może się różnić wg projektu lub według najlepszych praktyk się trzymać.

Większość frameworków CSS, zawsze wprowadza kilka nowych ustawień domyślnych, oprócz kasowania style przeglądarki domyślnej.
Te wartości domyślne są pustki User-Agent domyślnych w pozbawiony jazdy Reset CSS), będą one spójne w całej przeglądarek.

Pamiętaj, style bazowe używane są do ustawiania stylów, które będą być używane konstrukcja świecie. np..

  html {font-size: 77%; font-family: Arial, sans-serif;}
 silny, H1, H2, H3, H4, H5, H6 {font-weight: bold;} 

Streszczenie Style dla wspólnych HTML komponentów i klas często:

Większość projekt składający się z kilku stron będą miały wspólne elementy HTML stosowane na całym terenie, na przykład jakiegoś form, ostrzeżeń i błędów, popups niestandardowych Lightboksy itp. Ponieważ takie elementy są wykorzystywane wielokrotnie w projektach, będzie to przydatne, aby zapewnić zestaw klas związanych z predefiniowanych stylów dla tych składników i możesz zaoszczędzić sobie mnóstwo czasu.

Oprócz definiowania stylów wielokrotnego użytku definicji dla wspólnych elementów HTML, możemy abstrakcyjne style zajęcia dotyczące typografii, kolorów, a nawet układu. Ja sam często używasz ... wspólne zajęcia, takie jak Clearfix i Font08 i FontGrey i AlignL i DisplayB itp.

  Wejście forma {border: 0px; background: # ffffff; padding: 0px 10px; _padding: 0px 0px; height: 26px; color: # 000000; line-height: 30px; font-size: 1.1em;}
 forma textarea {border: 0px; background: # ffffff; color: # 000000; font-size: .9 em; line-height: 1.5em; overflow: visible;}
 . Fbold {font-weight: bold; color: # cccccc;}
 . Fgrey {color: # 666666;}
 . Flightgrey {color: # BBBBBB;}
 . Clearfix {clear: both;}
 . Dzielnik {border-top: 1px solid # 647B06; border-bottom: 1px solid # 9CC00A; height: 0px;}
 . Displayb {display: block;}. Displayn {display: none;}
 . Alignr {text-align: right}. Alignc {text-align: center}
 . Floatr {float: right;}. Floatl {float: left;} 

Poprawki do wspólnych dziwactw przeglądarki

Różne przeglądarki wprowadzić kod CSS i zapewniają różny poziom poparcia dla specyfikacji CSS. Wynikiem tego .... "Dziwactwa przeglądarce", że my, deweloperzy są pozostawione do walki. Zwłaszcza, IE6 nawiedza najbardziej CSS koderów z terminem spełnienia. Dobrą wiadomością jest to doświadczenie zebrane możliwych wielokrotnego użytku poprawki do tych kwestii (często określany jako CSS Hacks ).

Pamiętaj, przechowywać te hacki / poprawki poręczny

  / * Poniższa zoom: 1 zasada jest specjalnie dla IE6 + IE7.  * /
    * Html. Clearfix,
    *:. First-child + html clearfix {
           zoom: 1;
      } 

Przechowywać Oczyszczanie kod CSS

• Zwyczaj ponownego kolarstwa nie przyjdzie do was w dzień. Musi rozwijać. Tak zaplanować Re-Jazda na rowerze. Pamiętać o tym, że można abstrakcyjne domyślne style, definicje typografii, podzial, HTML stylów elementu itd. Staraj się myśleć z wyprzedzeniem.
• Także spojrzeć wstecz na swoje poprzednich projektów, pomoże zidentyfikować style, które mają tendencję do używania często przez porjects. Streszczenie nim.
• Usuń wszystkie nieużywane style. Praktyka ta będzie trzymać ram CSS z częstym objawem nazwie "wzdęcia" -
• Usuń powtarzające się style.
• Zbudować zestaw stylów, które są wystarczająco elastyczne, aby przenieść je w projektach.

Look At ram CSS

Wreszcie. Jeśli są inspirowane i zamierzają użyć jednego lub więcej ram CSS, Heres jest szybka lista kilku z nich popularnych ....

• 960 Siatka systemu : 960 system sieci jest wysiłek w celu usprawnienia przepływu pracy rozwojowej internetową poprzez zapewnienie powszechnie stosowane wymiary, w oparciu o szerokości 960 pikseli. Są trzy warianty: 12, 16 i 24 kolumn, które mogą być używane oddzielnie lub w tandemie. Nic nie myśl, że nie można utworzyć dla własnej dość łatwo, ramy zapewnia szablony siatki do druku w formacie PDF, który można wykorzystać do naszkicować designs.Bet strony, byłoby to zrobić profesjonalne wrażenie, jeśli nosisz kilka arkuszy, gdy idziesz do klienta za UI wymagań spotkania. Zapewnia ona także podstawowe szablony siatki dla popularnego oprogramowania do projektowania jak Fireworks, Flash, InDesign, Illustrator, Photoshop, Visio, itp. stanowiącego "starter do dziesięciu", aby rozpocząć swoją prace projektowe.
• Blueprint : Blueprint zapewnia wyraźnie sklasyfikowane pliki CSS dla zresetowaniu, siatki, Formularze, drukowanie, typografii, pluginy przycisków, zakładek i sprite'y itd. To zapewnia również wsparcie dla IE jako oddzielny zawierać.
• SenCSs : W przeciwieństwie do powyższych dwóch SenCSs (czyt. Sense), nie ma CSS definicje układu. Czyni to czcionki, uzupełnień, marginesy, tabele, listy, nagłówki cytowaniach, formularze i wiele więcej.
• BlueTrip : Pierwotnie roszczenia do sławy było to, że było to połączenie najlepszych funkcji oferowanych przez innych innych struktur, takich jak Blue Print, podróż oli ... skąd bierze swoją nazwę. Jej zestaw funkcji obejmuje 24-kolumny siatki, style typografii, style ORM, drukowanie, przycisków itp.
• YUI Siatki : Udostępnione Ci przez sieć Yahooo Deweloper obsługuje płyn-szerokość (100%) układów, jak również gotowych układów o stałej szerokości na 750px i 950px i 974px, a zdolność do łatwo dostosować do dowolnej liczby. Jak widać, technicznie tylko Składniki układu. YUI również HTML / CSS zestawy dla innych elementów strony
• YAML (Yet Another wielokolumnowego Layout)
• Emastic

Pamiętaj, że używanie ram CSS nie oznacza, że ​​jesteś leniwy, aby założyć własny ... Oznacza to, że jesteś inteligentny, aby uczyć się z doświadczeń innych i błędy, zaoszczędzić czas i zwiększyć wydajność!!

CSS ukończone 10 lat istnienia tego roku! Ci, którzy już od jakiegoś czasu, zdobywając swój chleb (lub nie) za pomocą CSS, to może świadomość, w jaki sposób zostaliśmy głodujących na dobry dobór czcionek. Nawet przy braku czcionek projektantom, jak te na CSS Zen Garden skorzystało z obrazów CSS tła, aby zastąpić czcionki w dążeniu do jakiejś sprawiedliwości ich wzorów. Mamy również próbował Flash / JavaScript ® hacki do osiągnięcia naszych celów projektowych. W żadnym wypadku nie jest to zły sposób, aby czcionki pragniemy w naszych projektach internetowych, ale na pewno nie jest najbardziej pożądanym sposobem. i ponad web designer lat, jak ja, w pełni oparła się na kilkunastu czcionek dla swoich projektów.

Ostatnie zmiany w standardach sieciowych i formatów czcionek pozwalają na renderowanie tekstu HTML w krojach innych niż tych samych czcionek starych fabrycznych. Przychodzi w "@ fontface" decleration CSS.

@ Fontface provids rozwiązania odnośnik do konkretnego pliku czcionki i pobrać go z internetu. Pomocą @ fontface, projektanci mogą używać czcionek bez konieczności zamrożenia tekst jako obrazów tła. Implementacja jest bardzo prosta, tak jak pokazano poniżej, ale jak wszystkie dobre rzeczy mają CON części do niego, nie wszystkie przeglądarki obsługują jeden "typ czcionki". Jeśli planujesz używać fontface @ w miejscu z konieczności wzajemnego wsparcia przeglądarki, wtedy musisz podać źródła do różnych czcionek-typy sam.

1. TrueType - format zaprojektowany dobrze wyglądać na ekranie. Zalecana szczególnie dla Windows przeglądarek (Chrome).
2. OpenType (CFF) - Ten format jest lepszy dla prac do druku i nie zawsze dobrze wyglądać w systemie Windows.
3. EOT - Musisz tego formatu, jeśli chcesz kierować Internet Explorer. IE nie użyje innego formatu. Nasza EOT, byłby uważany za "Lite", ponieważ są one ani ściskany ani domeny ograniczone.
4. SVG - To jest format XML obsługiwany przez niektóre przeglądarki, w tym iPhone'a.
5. WOFF - Ten cross-browser, web-jedyny format czcionki jest lekki (czcionka dane zip skompresowany) i mogą być kompilowane z obu TrueType lub PostScript (CFF) kontury. To jest obecnie obsługiwany przez Firefoksa 3.6 +.

Pomocą @ fontface

  @ Font-face {
 font-family: "CalligraphyFLFRegular";
 src: url ('CalligraphyFLF.eot');
 src: lokalne ("CalligraphyFLF"), lokalny ("CalligraphyFLF"), url ('CalligraphyFLF.woff ") format (" WOFF "), url (' CalligraphyFLF.ttf") format ('TrueType'), url ('CalligraphyFLF . svg # CalligraphyFLF ") format (" SVG ");
 }
 @ Font-face {
   font-family: "Twój Krój";
   src: url ("fonts / font_filename.eot");
   src: lokalne ("Alternate name"), lokalny ("Alternatename"),
     url ("fonts / font_filename.woff") format ("WOFF"),
     url ("fonts / font_filename.otf") format ("OpenType"),
     url ("fonts / font_filename.svg Miejsce font_filename") format ("SVG");
   }
 h2 {font-family: "Twoja krój", Gruzja, serif;} 

Jak widać z powyższego przykładu, aby włączyć wybrany krój czcionki, trzeba połączyć z zestawem fonttypes dla tego samego kroju pisma. Stąd ludzie o nim jako o "zestaw czcionek".
Istnieje czcionki Zestawy dostępne jawnie pozwala na łączenie z znaku @ CSS font-face własności do niego pod Umowie Licencyjnej Użytkownika Oprogramowania (EULA).

Przydatne zasoby WebFont ceny:

• Czcionki dostępne dla @ font-face osadzania stronie wiki w http://webfonts.info/wiki/index.php?title=Main_Page~~pobj
  
• Ray Larabie . On jest znany projektant czcionki, który złożył setki ciekawych czcionek swobodnie dostępne do użytku w internecie. Jego czcionki są eleganckie, dekoracyjne i zabawy.
• Dieter Steffmann to kolejny wielki projektant czcionki. On też dokonał wielu pięknych czcionek dostępne dla każdego.
• Sklep czcionki : oferuje czcionki zaprojektowane specjalnie do użytku internetowej. Ponad 30 z najbardziej udanych rodzin FontFont są teraz dostępne jako FontFonts internetowych. FontShop również szczegółowy użytkownika WebFont przewodnik http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf~~dobj
  
• Wiewiórka czcionki : prezentuje wszystkie czcionki, że wiewiórki Font oferuje do użytku z @ font-face osadzania CSS. Wiewiórka Font oferuje imponującą ilość rodzaju, sprawia, że ​​żyje prosty wybrać jeden, i dłoń "oferuje zestawy" - krój pisma do wyboru, w kilku formatach, zapakowane z demo HTML i CSS, który używa bardzo aktualny @ font-face składni . Oferują one również sposób tworzenia własnych @ font-face zestawy . Jeżeli krój chcesz korzystać został licencjonowany odpowiednio (te, które pochodzą z komputerem nie zawsze są w porządku), generator wytwarza EOT, SVG, i hej! Pliki WOFF.

Z mojej ograniczonej umiejętności zestawie z narzędzi takich jak Photoshop i Illustrator, mogę szczerze wyznać, że jestem lepszy niż developer Jestem projektantem. Ale mój tło z rdzeniem (po stronie serwera) rozwój z Java / PHP / COBOL, był bardzo pozytywny wpływ na moje UI umiejętności rozwojowych. Chodzi mi o to, tworząc swoje projekty, tzn. gdy robię projekt, myślę o tym, jak projekt może być najlepiej przekształcić HTML CSS i robiąc HTML-CSS, daję myśl o silnik do technologii i uczynić pewnym, że HTML można łatwo wdrożone do XSL pętli lub PHP fragmentów itp.

W ciągu lat, które zostały rzucone głową do projektów przez projektantów UI, który prawdopodobnie dawca ma pojęcia co HTML lub CSS. Wszystkie te lata myślałem, że będę pytać o zbyt wiele, Gdybym tylko oczekiwać projektant, który próbuje shov jego "niemożliwe do kodu napisanego kodu mi do gardła, aby zrozumieć tylko trochę, co jego konstrukcja będą przeliczane pod. Pomoże nam to prawo?

Wtedy natknąłem się tym poście dzisiaj ... projektantów stron internetowych, którzy nie mogą Kod ... Panie Dzięki! Jestem tylko jednym z wielu, którzy czują to samo ... powyżej artitle jest nieco długo zdyszany .. ale warto odczytu, każde słowo z nim.

Dzięki Elliot Zapasy Jay ... czuję ulgę!

Oto kilka fragmentów z artykułu Elliots .

Wow, co za dzień! Zaczęło się od jednej małej tweet i zakończyła się dyskusją, która zdawała się zamiatać w całej Wspólnocie, projektowanie stron internetowych. Wydaje się, istnieją bardzo mocne opinie znajdujące się na temat tego, czy projektanci stron internetowych powinni mieć możliwość kodu.
...
Tak więc, zanim przejdziemy do tego, pozwala mi szybko podsumować to, co powiedziałem o tym rano na Twitterze:

Szczerze mówiąc, jestem zaskoczony, że w 2010 roku nadal jestem przyjście across projektantów internetem, którzy nie mogą kodów własne wzory. Nie usprawiedliwia.

... Powinno byłem trochę bardziej szczegółowy w moim tweet. Mówiłem o projektantów, którzy nie mają nawet najbardziej podstawowy HTML i CSS umiejętności, aby włączyć płaską konstrukcję w rzeczywistym miejscu. Nie ludzie, którzy świadomie nie zdecydują się na kodzie, którzy pracować nie mogą. A ja również odnoszące się tylko do front-end kod tutaj, oczywiście, że to śmieszny pomysł, projektanci powinni być również niesamowite back-end programiści ...

Dostajemy spacerem internetem projekty nadesłane w programie Illustrator, 300dpi, niemożliwych do kodu, ma spójności / użyteczność.
~ Amy Mahon

Robi się późno, a ja mam otoczyć ten fakt jakoś. Wiem, że będzie wielu, którzy nie zgadzają się ze mną, a moją intencją nie jest obrażać lub zdenerwowany nikogo, kto nie kod, ale mam nadzieję, że część tego, co powiedziałem odzwierciedla niektóre z punktów, które zawsze przychodzą nawet gdy zagłębiając się tej debaty.

Na koniec dnia, nie tracić sen nad tym, kto może zakodować i kto nie może. Jestem szczerze zdziwiony tak wielu projektantów, którym brakuje umiejętności front-end, ponieważ myślałem, że to już przeszłość.

Również przeczytać komentarze, było około 320 komentarzy, jak piszę ... warto je czytać.
Prosimy o zapoznanie Elliots cały post tutaj .. Projektanci stron internetowych, którzy nie mogą kodu

Od przycisk radiowy i tekst są inline, więc tekst dostosuje się do dolnej części przycisku radiowego, tekst pojawi się nieco pod przyciskiem radiowym.
Jeśli chcesz je dostosować do góry, będziesz musiał umieścić radio i tekst w oddzielnych pojemnikach, takich jak DIV lub jest rozpięta (odpowiednio) i będą dbać o wyrównania. Byłoby to łatwiejsze w użyciu komórki tabeli też z twoja krótka konstrukcja na to pozwala.

To nie będzie wyglądać tak samo w każdej przeglądarce, jak każda przeglądarka wyświetla radia nieco inaczej, więc nie zawsze będzie zagadnienia rozmiar nie ważne co robisz.

HTML5 jest jeszcze projekt. Jak pisać prace nad HTML 5, który rozpoczął się w 2004 roku, wciąż jest dany kształt wspólnym wysiłkiem pomiędzy W3C HTML WG oraz WHATWG . Słowo to, że następna gen HTML będzie miał ulepszenia i cechy, które byłyby nowa struktura i semantyka, kontrola formy, API, multimedia itp. tagi.

W prostym języku angielskim ... co to oznacza dla nas programistów interfejsu użytkownika ...

• Nie będzie dodanie jakiejś strukturalnej mianowicie tagów. <article>, <section>, <header>, <aside> i <nav>, który zastąpi większość <div> s wykorzystywane na stronie internetowej, dzięki czemu Twoje strony nieco bardziej semantyczny, ale co ważniejsze, łatwiejsze do odczytania.
  Hej! Wystarczy wyobrazić sobie wysiłek zapisany w znalezieniu tego jednego brakującego ścisłą znacznik DIV.
  np.

  <body>
   <header> ... </ header>
   <nav> ... </ nav>
   <article>
     <section>
       ...
     </ Section>
   </ Artykuł>
   <aside> ... </ bok>
   <footer> ... </ stopka>
 </ Body> 

Zamiast

  <body>
   <div id="header"> ... </ div>
   <div id="nav"> ... </ div>
   <div class="article">
     <div class="section">
       ...
     </ Div>
   </ Div>
   <div id="aside"> ... </ div>
   <div id="footer"> ... </ div>
 </ Body> 

• Wraz z nadejściem audio i wideo takich jak YouTube, korzystanie z multimediów osadzonych na stronie jest increaded przez krotnie. Biorąc to pod uwagę, teraz planuje się dodać natywną obsługę do osadzania wideo i audio do samej przeglądarki, a więc pozwalają użytkownikom na odtwarzanie, pauza, stop, szukać i regulować głośność za pomocą wbudowanego API DOM dla skryptów kontrolować odtwarzanie.

np.

  video> poster="poster.jpg">
     <Źródło src = "video.3gp" type = "video/3gpp"
     media = "handheld">
         <source src="video.mp4" type="video/mp4">
 </ Video>
 <audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 </ Audio> 

• Lepiej zdefiniowane semantyczne role dla istniejących elementów, np.. <strong> <em> może teraz rzeczywiście mają różne znaczenia tzn. będą zachowywać się inaczej.

Istnieje wiele innych zmian i aktualizacje do nowszej wersji ... będzie na bieżąco aktualizować ten post jako przyjdę accross jakieś ciekawe przydatnych nich .... Watch this space

Ten dokument nie może przedstawić dokładne informacje jak HTML 5 specyfikacja jest nadal aktywnie w rozwoju. W razie wątpliwości zawsze sprawdzić specyfikację HTML 5 tutaj .

Czas na nowo, gdy wszystkie inne przeglądarki widziane zachowywać się jak powiedział zasad W3C, tj. spirale was z duchem rozwoju rzucając w złość, że nie wydają się mieć poprawkę. Tylko ktoś taki jest ten problem w IE7.

Oświadczenie problem:
Ja i tak może wielu innych twórców poważnych internetowych zauważyłem więcej niż wiele razy, że kiedy zagnieżdżonych pływaków w układzie, na najechaniu na niektórych linków (tagi kotwica), zawierający pojemnik wydaje się przesunąć kilka pikseli w prawo . Próbowałem rozwiązań Google dla tej kwestii, ale trudno znaleźć żadnej rozsądnej odpowiedzi, dlaczego i kiedy to nastąpi (które mogą przyczynić się do zapobiegania ten problem od tego wydarzenia), stąd nigdy nie znalazłem jasnego rozwiązania problemu albo ...

Możliwe rozwiązanie:
Z doświadczenia wiem, wypowiedzenia 90% procent razy to znaczy, że ten problem został rozwiązany poprzez dodanie właściwości zoomu w definicji CSS z mis-zachowuje pojemniku ...

 # Somediv {
       zoom: 1;
 }

ponownie przyczyny są niejasne ... spróbuj tego ...
Niektóre elementy w IE ma "hasLayout" mienia, które "true" domyślnie. Wiele wizualnych CSS zachowania, na przykład alfa filtr działa tylko na element, który hasLayout. i {zoom: 1} wydaje się dawać elementom docelowych nieruchomości hasLayout .... Przydatne? Ja tego nie zrobiłem, że tak ...

Nieruchomość zoom wydaje się również wspierana przez Chrome, ale jej dint wykorzystanie wydają się dużo niekorzystny wpływ na moją układzie ... spróbuj, jeśli działa dla Ciebie ... jeśli nie, dodaj stronę pod "craps CSS"

• Deklaracja typu dokumentu musi być obecny na początku dokumentu, który używa składni HTML. To może być opcjonalnie używane w składni XHTML, ale to nie jest wymagane. Dokument XHTML nie musi zawierać DOCTYPE bo Dokumenty XHTML, które są dostarczane prawidłowo za pomocą XML typu MIME i są przetwarzane jako XML przez przeglądarki, są zawsze renderowane w żadnym trybie quirks.

• W XHTML, nazwy zmiennych są wielkość liter i są zwykle definiowane być napisane małymi literami. W HTML, jednak nazwy znaczników są rozróżniane i mogą być napisane w każdym przypadku wielkiej lub mieszane, chociaż najczęściej konwencja jest trzymać się małymi literami. Przypadek początkiem i końcem znaczników nie muszą być takie same, ale bycie konsekwentnym czyni bardziej przejrzysty wygląd kodu.

Korzyści płynące z używania HTML

• Wstecznie kompatybilny z istniejącymi przeglądarkami
• Autorzy są już zaznajomieni ze składnią
• Łagodny i wyrozumiały składnia oznacza nie będzie łatwy wrogi " Żółty Screen of Death "czy pomyłka przypadkowo wsuwa przez
• Wygodny składnię, np. autorzy mogą pominąć niektóre znaczniki i wartości atrybutów

Korzyści płynące z używania XHTML

• Ścisłe składni XML zachęca autorów do napisania dobrze uformowany znaczników, które niektórzy autorzy mogą znaleźć łatwiejsze w utrzymaniu
• Integruje się bezpośrednio z innych słowników XML, takich jak SVG i MathML
• Umożliwia korzystanie z XML Processing, które niektórzy używają jako część ich edycji i / lub procesów wydawniczych

Wczoraj, po wydaniu zetknąłem się z CSS zresetowaniu w Google Chrome ... myślałem o kopanie trochę głębiej w obszar arkuszy agenta użytkownika stylu ...
Znaleziono w tej tabeli na wartości domyślnych CSS2.1 agenta kartach użytkownika stylu ... (dla tych, którzy nieświadomi tego, co "Sheets agenta użytkownika stylu" to po co jest Arkusze agenta użytkownika stylu (specyfikacja) .

Aby uzyskać pełną listę arkuszy stylów CSS 2.1 pełnomocników domyślnych użytkownika kliknij tutaj