Okresowo w Internecie możesz stworzyć zestaw statystyk cenowych, jeśli chcesz je odczytać. Jednocześnie nie we wszystkich usługach wersja statty jest przekazywana znajomemu, ponieważ nasza bazhanya nie korzysta z opcji (chcemy nadpisać obraz lub zmienić typ czcionki głównej). Yak, strona drukuvati bez elementów? W tym celu dostępna jest usługa sieciowa.
Na głównej stronie PrintWhatYouLike na środku ekranu znajduje się formularz do wpisania adresu strony znajomego. Adres został wprowadzony, strona była zamknięta w moim bachimo; Ponownie naciśnięcie lewego przycisku spowoduje wyświetlenie listy możliwych operacji. Elementy interfejsu można zobaczyć pojedynczo lub w grupach, rozszerzając wibracje wokół granic lub wibrując jeden blok do tekstu, po zagraniu wszystkich. Masz więc możliwość robienia tego pojedynczo, nie jest to potrzebne dla innej części boku lub szybko i łatwo, jeśli potrzebujesz tego w innym rzędzie.
W lewej części ekranu znajduje się mały panel z szeregiem funkcji do edycji strony:
Dla wygody PrintWhatYouLike umieść na panelu zakładek przycisk do edycji przed drugą stroną, jak widzieliśmy. Jest to również używane przez opcję PageZipper. Vona będzie mądra podczas czytania zasobów, uwielbia rozprowadzać jeden artykuł na pięć, dziesięć lub więcej stron. Naciskasz „Wystąp w drogę”, ponownie „Wystąp w drogę”, ale pamiętaj, nie ma nic do przeczytania. PageZipper rozmieści cały artykuł po jednej stronie, aby ułatwić edycję i udostępnianie. Nie chcę umieszczać bookmarkletu, dostępnej wtyczki do Firefoksa PageZipper 0.6.1.
Dla zarejestrowanych użytkowników PrintWhatYouLike zaproponuję panel sterowania, usuń informacje o liczbie zainstalowanych przycisków Printer Friendly, które oszczędziły papierkowej roboty, zaoszczędzonych groszy, atmosfery zdrewniałego drewna, która nie jest szorstka, ale nie w zimnej atmosferze.
Blogerzy mogą też przynieść trochę cynamonu. Wstawienie wtyczki do produktu przed pojawieniem się na skórce bloga przycisku do wysyłania artykułów do znajomego, możliwość zapisywania linków do formatu PDF, aby umożliwić czytelnikowi korzystanie z czcionek i drukarek drukarki.
Wcześniej było to po prostu standardowe ustawienie, a dokładniej przycisk z napisem „Wersja dla przyjaciela”. Smród jest potrzebny, żeby wydostać się na ganek. Wersja dla przyjaciela, który może zemścić się na wszystkich potrzebnych informacjach, aczkolwiek w jednym ze współczesnych elementów interaktywnych: przyciskach, tylko formularzu.
Tse oznacza, że przekażę go automatycznie do dodatkowego skryptu
po zabraniu oryginału dokumentu, wiedząc o nim wszystko, po otwarciu jego kopii,
zruchn_shu dla przyjaciela. Mozhlivo, z podobnym robotem, przyniósł
opiekować się tobą.
Jedną z niesamowitych funkcji CSS jest moc
macierzyste tabele stylów, zorganizowane na elastycznych załącznikach
vivedennya. Stworzyliśmy dźwięk składanych stołów do wyświetlania boków
ekran, mimo że o tym nie myśleli, nie myśleli o tym. I,
jak zaakceptować "wersję dla przyjaciela", o przyjacielu z dokumentami
Po prostu myślę o złożeniu dokumentu w іnshomu viglyadі.
Ale teraz nie mamy się czego bać, teraz na koniec wersji przyjaciela
potrzebujemy dokumentu, jeśli nie mamy dobrze zorganizowanego dokumentu i
stylowe stoły dla przyjaciół!
Dziś możesz wziąć dokument (X) HTML i przygotować go do
Dla przyjaciela za pomocą stylowych tabel, nie trzymaj się. ja oś y
przeszedł problem przez drzwi i synchronizację dwóch wersji
dokument - jeden na ekran, іnshy - na drugi. І samo scho
Pamiętam: zrobiti tse nayprostishe.
Przeglądarki z rodziny Gecko, takie jak Netscape 6.x i Mozilla, Mayut
problem drukowania długich elementów pływających.
Jako pływający element Wiyshov między dłonią, a następnie
utracona część spowoduje stratę, ponieważ nie pojawiła się w ofensywie
bok.
Twoja witryna jest podobna do A List Apart, tobto. statystyki w nowej dziedzinie
w jednym wielkim bloku pływającym, to znaczy, że czytasz kiedy
przyjaciel otrimayut pozbawiony perswazji statystyk.
Rishennya, jaka slіd bulo ochіkuvati, polyagaє u skasuvannі yakostі
„pływająca” etykieta do bloku z tekstem przed pieczęcią. Jest krótki, dla wszystkich
elementy pływające zostaną ustawione zgodnie z regułą stylu „float: none”.
Po złamaniu tse obrócisz wszystkie pływające elementy, aż je zobaczysz
dokument będzie traktowany w taki sposób, aby został przekazany.
do samego końca.
Otzhe, to samo, proponuvav zrobiti Zeldman dla ALA, ja, jaka
tilki vin tse zroiv, pojawił się problem z sygnetem. Przeglądarki rodzinne
Gecko tsya pomilka, jaka wcześniej, nie poprawione (w momencie pisania)
statti), ale mimo wszystko możesz łatwo ominąć proponowany sposób.
Poniżej znajduje się tabela stylu „drukovan”, za pomocą której A List Apart pokazał problem innych elementów pływających:
#menu (wyświetlanie: brak;) #wrapper, #treść (szerokość: auto; obramowanie: 0; margines: 0 5%; dopełnienie: 0; pływak: brak! ważne;)
Udekoruj ucho. Tabela stylów powiększy się po prawej stronie menu, dzięki czemu
nie wchodź w przyjaciela i stawiaj granice i kroki dla
zamiast statty w takiej randze tekst po stronie be-yakiy
roztashovuvavsya rіvnomіrno od krawędzi regionu do drugiego.
Problem, ponieważ byłem bachilos, polegał na tym, że było wiele stylów, które zostały podzielone na ekran i przeszły przez cały proces.
Yaksho zachwyca się tagiem vmist
nowe artykuły na stronie ALAMamy plik tabel stylów, print.css,
Pozostałe załączniki „drukuj” są dołączane do wartości atrybutu „media”.
Plik arkusza stylów nucss2.css do zaimportowania w celu uzyskania pomocy
konstrukcje @import, witaj z Navigatora 4.x, jeśli vikoristaniy
podczas wizualizacji strony na dowolnym załączniku (atrybut
media = "wszystkie"). Wyświetlacz Tse mozhe buti, drukarka, projektor, syntezator
Przenieś się i weź cal. Kiedyś roz_isovshis, moglibyśmy napisać w arkuszu stylów dla
inne dyrektywy dotyczące koloru tła strony i używania czcionek w
piksel.
Artykuł na ten temat: Wordpress nie ma działającego przycisku do dodania zbyt dużego pliku
Jaka będzie wielka bitwa? Aaaaaaaaaaaaaaaaaaaaaaa
Kandydaci nie oszukują tła strony, ale są wskazani w pikselach rozmiaru
czcionki, załączniki do wyświetlania na ekranie, nie tak dużo
korisnі pіd godzina druku.
Aby to zrobić, zróbmy dla siebie trzy zbędne arkusze stylów i kilka ostatnich problemów z rozwoju komponentów.
Dla elementów prawego menu bocznego wybierz prawe menu boczne.
Ale ludzie chwycili menu na godzinę lub dwie, nigdy nie będziemy mieli szans.
To wszystko od razu uwalnia nas od młodzieńczego bólu głowy.
Odłamki drukarki nie łamią się kolorem
żółto. Konieczne jest również, aby zobaczyć wszystkie tła obrazu, takie jak
vikoristovuvalysya pіd godzina vivedennya partinki na ekranie.
Yakshho mi wołają o pomoc moc tło, mi za jednym zamachem virishimo
obraźliwe problemy. Schob zrobiti rіshennya nnuchіshim, zadanie dla żywiołu
„ciało” jest lepsze niż „opakowanie” i „treść”
dziura w ciele (a przez nie widać
"ciało"):
body (tło: białe;) #menu (wyświetlanie: brak;) #wrapper, #treść (szerokość: auto; margines: 0 5%; dopełnienie: 0; obramowanie: 0; pływak: brak! ważne; kolor: czarny; tło : przezroczysty;)
Projekt koloru pierwszego planu (koloru czcionki) w ogóle nie był
Niezbędne, ale piękniejsze, nie zapomnij o tse. Otzhe, od razu mamy є dwa
elementy „niepływające” (#wrapper, #content) z wyraźnym widokiem tła, i
strona z jasnymi popiołami.
Możesz pobrać te, takie jak Navigator 4.x, koszt wartości
„przezroczysty”, ale vische nis: zwierzęta NN4.x
style, dla których atrybut „media” ma wartość „screen”. Więc jak ja
jak dyrektywa @import, nasze arkusze stylów dla przyjaciela
Spójrz w oczy Nawigatora 4. Otzhe, tutaj jest głupi
turbuvatisya.
Ogólna tabela stylów jest sformatowana dla czcionki 11 pikseli. Duzhe
niedaleko wibracji przez godzinę lub dwie. Sama rodzina czcionek to zbiór Gruzji,
a potem szeryfowe - można iść po znajomego, więc jak czcionki z sniffów
zazvychay piękniej viglyadayut na werandzie. Konieczna jest zmiana rozmiaru
czcionka. Oś wygląda tak:
body (tło: białe; rozmiar czcionki: 12pt;)
"Skaleczenie!" - mabut, viguknete vi. - „Przebicia są złe!”
No cóż, cóż, cóż, mówiąc to, a mówiąc to, to niemożliwe dla ekranu
ustawić rozmiar czcionki dla akapitów. Z przyjacielem, zasosuvannya pkt.
Mam takie poczucie samiy, jak wiele dziesięciu lat do tego. Yaksho vzhe mi gotuєmo
styl tabeli dla przyjaciela, a następnie zmień rozmiar czcionki „body” na 12
punkt będzie poprawny i naturalny.
Vy, chytrze, możesz zapytać o rozmiar, jak o prośbę, prote
czcionka ma 12 punktów najwięcej akomodacji. Przede wszystkim w tabeli nagłówków
style wszystkich pozostałych elementów strony są podane na pewno
rozmiar w elemencie "body" nasz robot jest gotowy.
Konkretne zasady stylu do ustalenia dla obu i prawych kordonów
(marginesy) elementy zawijają w rozmiarze zawartości 5%. Tse oznacza scho z obh
strona statty będzie "pusta misce", a skóra będzie również "pusta misce"
złóż 10% szerokości obszaru do drugiego. Tse dziedziczenia bloku z
tekst „treści” statti powinien znajdować się w środku bloku ramek „opakowanie”, co oznacza:
skóra z nich jest mniej pola o 5% z lewej i prawej strony.
Artykuł na ten temat: Jak wypełnić nagłówek strony
Tył stołu w stylu konturu 15% wyściółka z prawej strony
dla bloku „treść”. Cordoni dał nam już 10%, my też potrzebujemy
do 5%. Tse do końca po prostu zrobiti:
div # content (margin-lewy: 10%;)
W pierwszym wariancie rozwiązania możliwe jest przekroczenie marginesu w
uspokój się i daj 5% na lewą wyściółkę. Oskіlki blokuje „treść”
niewidoczne w tle, zrobiliśmy taki wynik.
Szkoda, że przeglądarki mogą mieć problemy z odpowiednim
przez niedrożność wyściółki, dzięki czemu elementy są zastępowane przez boki
piękniej za pomocą kordonów (margines).
Bulo jeszcze jedno sprytne jedzenie - jak pracować z hipermocami? Oczywiście włączone
kolega nie czuje smrodu, jak na monitorze, ale to często ważne
daj klucz, zanim smród został znaleziony w oryginałach. Otzhe, oś mnie
Winajszow:
a: link, a: odwiedzony (kolor: # 520; tło: przezroczyste; grubość czcionki: pogrubienie; dekoracja tekstu: podkreślenie;)
Tse daє poilannyam kolіr, aby dotrzeć do ciemności, być blisko
czarny z czarno-białym przyjacielem, zgubić się o tej samej godzinie ciemny robak
pіd godzina kolorovoy druku. Pogrubiona czcionka i gwarancja pіdkreslennya,
posilannya vid_lyatimetsya w przygotowanym tekście.
W przeglądarce, która dostosuje specyfikację CSS2, możemy
wpisz adres URL i wyślij dla nich wiadomość,
kto pojawi się, aby ręcznie otworzyć tę przeglądarkę. Poniżej przedstawiona jest reguła
jak utknąć tylko dla bloku „treść” i przy tej pozycji adresu URL
іnshhh rozkaz, aby nie dać się złapać w złą stronę:
#treść a: link: po, #treść a: odwiedzona: po (treść: "(" attr (href) ")"; rozmiar czcionki: 90%;)
Wypróbuj w przeglądarkach na platformach Gecko - Mozilla lub Netscape
6.x. Przy rozwoju skóry należy potrząsnąć nią w łukach.
do swojego adresu URL.
Przeglądarki, które nie mają rozsądnego stylu, zwykle nie mają żadnego
nebazanikh efektyv - jeśli tak, to będziesz mrocznym robakiem,
pidkreslenim i tłuszcz. Po prostu piszę do tekstu
Adres URL, do którego należy się odnieść od wszystkich.
Szanuję Cię za tych, którzy bili z przodu i za ukłony є
część zasady stylu - nie zapominaj o polanach, więc winę za to smród
buty wtrącenia przed dokumentem.
Z reguły jest jeden naturalny problem. Właśnie w tym
Zostałem poinstruowany, aby wstawić do dokumentu wartość atrybutu
href.
Patrząc na kod strony internetowej A List Apart, mi shvidko
poza tym nie ma lisza, tzw. umysłu „vidnosilan”
„/ numery / 144”. Smród zostanie wstawiony do dokumentu przez taką przeglądarkę, jak smród
є, ale jeśli chcesz, powinieneś użyć adresów URL.
Do takich vipadów możemy użyć CSS3. Bądź jak selektor atrybutów,
operator vikoristic ^ =, wybierz elementy, zaponі na kolbie їх
wartość atrybutu. W takiej randze mi mogo vibrati będzie atrybutem href,
być wypełnione ukośnikiem i wstawić tam tekst,
taką samą wartość atrybutu.
#content a: after (treść: "(//www.alistapart.com" attr (href) ")";)
Cała reguła przekształci wszystkie wartości typu "/issue/144/",
„//www.alistapart.com/issues/144/”. Ogólna zasada jest taka, że nie możesz pomóc w
menu rozwijane z poprawnymi adresami URL, jeśli nie możesz tego naprawić za pomocą ukośnika, ale, wcześniej
Na szczęście ALA nie jest zastępczym typem posilana.
UWAGA! WAŻNY! Jak bolo powiedział, umysł selektora ^ =
zobacz selektory specyficzne dla CSS3. Walidator dla CSS vid
Konsorcjum W3 może przetestować go pod kątem określonych specyfikacji
CSS1 i CSS2. Nie bądź mądry w wyborze selektora, po prostu użyj CSS3, walidator zrobi
spójrz na miłosierdzie, jeśli nie przekroczysz selektora
zalecenia dotyczące szczegółów.
Znowu zaglądając, szczątkowa wersja tabeli stylów, I
po wyłonieniu „czapka” z boku nie powinna być dla mnie bardziej odpowiednia. Szwidsze Bula po prawej
nie w samej głowie, ale w bardzo „niegrzecznej” nazwie witryny. Tse
siedzenie oczywiście się tam skończyło, zdjęcie się skończyło
nagłówek. Zasnąłem na smoczku z raptomem
linia siedziska to cała szerokość boku.
Как упоминалось выше, перед выводом на печать веб-страница должна быть соответствующим образом отформатирована. То есть, к документу должен быть подключен необходимый CSS файл одним из рассмотренных в предыдущем пункте методом. Удобный способ создания такого файла кратко описан в этом посте . Нам осталось рассмотреть несколько важных рекомендаций, которых необходимо придерживаться при редактировании CSS файла, предназначенного для распечатываемой страницы.
Если, при выводе на экран документа используется какое-либо фоновое изображение или просто фоновая заливка, а также если вы применяете цветной шрифт, отличный от стандартного варианта (черного), то при создании CSS файла для печати нужно отменить это форматирование. Распечатываемая страница должна выглядеть как можно проще – белый фон и черный шрифт. Многие пользователи для распечатки веб-документов используют чёрно-белый режим печати. К тому же, при распечатывании страницы с насыщенной цветовой схемой значительно повышается расход чернил или тонера.
В оформлении текста большинства веб-страниц, предназначенных для чтения онлайн применяют рубленые шрифты — sans serif (без засечек), так как они считаются более удобными при чтении с экрана монитора. Но при перенесении страницы на бумагу, ситуация меняется и здесь более подходящими будут шрифты с засечками — serif , для которых характерны небольшие декоративные элементы (засечки) на окончаниях каждой буквы. Считается, что именно засечки способствуют направлению взгляда пользователя в нужном направлении – по тексту. Поэтому, большие объемы текста должны быть оформлены шрифтом с засечками (Times New Roman , Georgia , Palatino и другие).
Если для отображения текста на экране допустимо использовать относительно мелкий размер шрифта (11 пикселей, а иногда и меньше), то для печатного варианта страницы необходимо увеличить его минимум до 12 пикселей, но никак не меньше – все зависит от аудитории, на которую рассчитана содержащаяся в документе информация.
Для того, чтобы информация, размещаемая на странице была выражена наиболее полным образом, при ее переносе на бумагу нужно визуально выделить все присутствующие в ней гиперссылки, так как в этом случае они уже не являются кликабельными и должны иметь особую форму отображения. Для этой цели зачастую используют подчеркивание ссылок и смену цвета шрифта их анкорного текста на синий.
Важность используемых в веб-документе изображений определяется несколькими факторами, зависящими как от его разработчика, так и от маркетингового отдела компании, владеющей сайтом. В идеале, рекомендуется оставить лишь те изображения, которые несут смысловую информацию, являясь иллюстрациями к представленному тексту, а также логотип сайта, как правило, находящийся в верхнем левом углу страницы.
Среди множества компонентов, которые являются бесполезными в распечатанном варианте веб-страницы можно выделить навигационное меню и другие элементы, так или иначе связанные с навигацией по сайту. Поэтому оставляя их на странице при распечатке, вы попросту зря тратите чернила. Более того, удалив их, вы освободите дополнительное полезное место для текста, и тем самым представите его в более читабельном виде.
В идеальном случае, для пользователей, распечатывающих веб-страницу с целью чтения содержащейся на ней информации, рекламные объявления в виде баннеров и других форм графической и текстовой информации не представляют никакой ценности. И нужно было бы полностью избавиться от нее в нашем случае, но реальность диктует свои условия. Большинство сайтов в Интернете существуют благодаря именно рекламе, и поэтому ее удаление может привести к негативным последствиям. Поэтому рекламные продукты, представленные на сайте, зачастую остаются при распечатке его страниц, но если вы можете сократить их количество до минимума или упростить форму их представления, то это будет идеальным вариантом. Постарайтесь найти золотую середину, если это возможно.
Интерактивные графические элементы, управляемые при помощи скриптов, а также анимированные Flash изображения, как правило, распечатываются некорректно, а в отдельных случаях дефекты их печати («сползание») могут повлиять на качество отображения текста, что совсем неприемлемо.
Даже в том случае, если на вашем сайте, при публикации статей не указывается информация об их авторе (а делать это рекомендуется), эти данные следует включать в состав страниц для печати. Что позволит пользователям, которые распечатывают исходный материал и работают с ним в более удобном для них виде и/или месте, иметь возможность узнать информацию об авторе, без необходимости повторного посещения вашего сайта.
Включение полного URL адреса распечатываемой страницы в нижней, заключительной ее части является очень важным моментом. Это позволит пользователям быстро вернуться на нее и воспользоваться какой-либо ссылкой, ведущей на другую страницу, содержащую расширенную информацию по рассматриваемому вопросу или с другой целью. В любом случае, это способствует повторному посещению вашего ресурса пользователем. К тому же, при дальнейшем размножении распечатанной страницы (при помощи фотокопий, например), о вашем сайте узнают больше людей.
Вся информация, которая находится на вашем веб-ресурсе охраняется авторскими правами и принадлежит только вам. Даже в том случае, если пользователь, руководствуясь исключительно потребительскими намерениями, распечатывает страницу, это не значит, что содержащаяся на ней информация теперь может использоваться в коммерческих целях. Поэтому сведения об авторских правах обязательно должны переноситься и на печатную копию документа. Это, конечно, не сможет предотвратить факт воровства, но, по крайней мере, напомнит злоумышленнику о том, что именно вы обладаете авторскими правами на эту информацию.
Соблюдая все перечисленные выше рекомендации по форматированию веб-страниц, предназначенных для печати, вы сможете удовлетворить требования большинства пользователей, которые по различным причинам вынуждены работать с распечатанными на принтере документами. А это, как следствие, поможет вам сформировать группу пользователей, составляющих целевую аудиторию вашего сайта.
Post Views: 330
Есть два способа делать страницу для печати:
1. Специально выводить отдельным скриптом страницу без меню и лишнего оформления.
2. Выводить ту же страницу, которую просматриваем при просмотре сайта, но уже с другими подкреплёнными стилями, где скрываются ненужные элементы.
Довелось делать документы(накладные, счёт фактура и прочее) для печати. Так что пошёл по первому варианту. Но это просто в моём случае. Более гибкий как мне представляется второй вариант.
Вот мой опыт, заметки:
1. Главное правило — будь проще и люди к тебе потянутся(с)хз кто. 🙂 Короче не используйте разнообразие оформления. Человеку просто надо прочитать распечатанный текст, нечего его грузить лишним оформлением. Да и краску в принтере тратить.
2. Не используем фоновые изображения, их всё равно не будет при печати. Или будут, но не во всех браузерах. По крайней мере у меня какие то подобные грабли случались.
3. Стараемся использовать белый фон, чёрный текст. Если обратно, то будет тратиться много краски. Цветной текст думаю не нужно делать — всё равно у многих чёрно-белый принтер.
4. Если нужно чтобы следующий контент печатался обязательно на следующей странице, вставляем блок div с классом pagebreak перед этим текстом. Описываем класс в стилях:
Pagebreak { page-break-after: always; }
Pagebreak { page - break - after : always ; |
текст за этим блоком будет распечатываться уже на новой странице. Работает во всех современных браузерах. Да и не современных то же. Один IE до 7ой версии включительно подводит. Но на него надо забивать!
5. И так, печать. Пользователь можно сам выбрать печать. Можно поставить на
window.onload = function () { window.print(); }
и сама кнопка:
< button onclick = "window.print();" > Печать< / button > |
Это кнопка будет при просмотре страницы, но печататься не будет, так как мы задали display: none; в style для media=»print», то есть в стилях для печатающего устройства. При нажатии на кнопку будет выводиться окно печати.
Тем, кто хочет супер автоматизировать процесс печати, чтобы например открываем страницу и принтер сразу начал печатать страницу — охладите свой пыл или того, кто вас просит это сделать. Я этот способ не нашёл. Да его и нет. Потому что это логично. Представьте, заходите вы на сайт, а там через javascript запрограммлена печать ста копий страниц. И принтер приходит в бешенство и начинает печатать эту кучу страниц без вашего ведома. Нелогично? Нелогично!
В одно время меня усердно просил сделать такую штуку один менеджер проектов. Пришлось ему всё это обяснять, приводить примеры, чтобы он понял что это нельзя сделать, да и не нужно.
6. Если кто то будет жаловать на то, что распечатываются адрес страницы, title и прочая херь в колонтитулах — посоветуйте ему настроить свой браузер. Со стороны сайта это не настраивается. По крайней мере я не знаю как. Например в Firefox это настраивается в «Печать» — «Параметры страницы» — «Поля и колонтитулы»
7. Кстати в догонку к предыдущему. Допустим пользователь отключил вывод всех колонтитулом, в том числе и адрес страницы. То есть если пользователь спустя некоторое время посмотрит на распечатку, он не сможет понять, с какого сайта он это распечатал. Так может стоит сделать небольшую заметку с указанием ресурса, адреса страницы, логотипа или ещё чего нибудь.
8. Используйте крупный размер шрифт(в пределах разумного конечно). Главное чтобы при печати всё было читабельно.
10. Думаю нужно использовать размерности, независимые от устройства — абсолютные размерности. Например in,cm,mm,pt,pc.
11. Вот полезная ссылка http://www.webdevout.net/browser-support-css#css2propsprint . Описание стилей можно найти на сайте http://htmlbook.ru
Вообще советую пройтись по всему списку CSS свойств, даже если вы опытный разработчик. Для себя с удивлением обнаружил незнакомые CSS свойства и что некоторые CSS свойства уже можно безбоязненно использовать.
Конечно же это не полный список советов. Это просто мои мысли.
Часто на сайтах можно встретить версию для печати той или иной страницы . Многие думают, что это что-то встроенное в сам браузер или что это делается очень просто. На самом деле, это совсем не так. Версия для печати - это обычная страница , которую Вам нужно самостоятельно сделать.
Вы можете посмотреть на версию для печати у этой статьи. Фактически, что нужно отображать там? Название статьи, раздел, категория, автор, сам текст и дата. Всё это и выведено на эту страницу. Нужны ли меню, форма поиска, различные блоки? Не думаю, поэтому их и нет.
Так же убедитесь, что ширина версии для печати не превосходит 650px , иначе браузер может порезать края.
Итак, Вы уже поняли, что версию для печати Вам надо создавать самостоятельно, выводя ровно то, что нужно пользователю. Теперь о том, как это сделать.
Есть 2 варианта : создать отдельную страницу и создать отдельный файл стилей. Первый вариант, думаю, понятен. Создаёте ещё одну страницу с версией для печати и на основной странице даёте ссылку на эту печатную версию. Пользователь по ней переходит и через "Файл"->"Печать" он её распечатает.
Второй вариант подразумевает создание отдельной таблицы стилей, где Вы скроете все лишние блоки (через display: none; ) и поставите соответствующие размеры у выводимого контента. Дальше такой файл стилей подключается следующим образом:
Теперь если пользователь захочет распечатать эту страницу, то распечатается не то, что он видит, а то, что прописано в print.css . Фактически, пользователь видит страницу в одном виде, а принтер в совсем другом.
Вот таким образом создаётся версия для печати любой страницы сайта.