Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Порождаемое содержимое в CSS.

(продолжение)

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

a {text-decoration: none;}

a [href]:after {content: "" attr(href)} Списки и порождаемое содержимое

                        < p>Read my < а href="http://www.oreilly.com">book< /a>.< /p>
                        < p>Visit my < a href="http://www.jenville.com">site< /a>.< /p>
                        < p>Visit my < a href="http://www.littlechair,com">other site< /a>.< /p>

Селектор атрибута a [href] распространяет действие правила только на элементы а с атрибутом href и не затрагивает именованных элементов того же типа, используемых для ссылки на фрагмент документа. Значение свойства content предписывает агенту, встретив элемент а, создать за ним содержимое по следующим правилам:

                       1.	 Вставить пробел и символ открывающей скобки.
                       2.	 Вставить значение атрибута href.
                       3.	 Вставить символ закрывающей скобки.

Кавычки в CSS.

Свойство content также дает возможность автоматически вставлять кавычки до и после нужного элемента, используя для этого значения open-quote, close-quote, no-open-quote и no-close-quote. Задача этих значений работать совместно со свойством quotes, определяющим стиль кавычек до элементов и после них. Поэтому разумно сначала рассмотреть quotes, а затем показать в действии и значения content.

quotes. Значения:[]+ I none|inherit. Начальное значение: Определяется используемым агентом. Применимо: Ко всем элементам. Наследуется: Да.

Свойство quotes в CSS позволяет авторам документов указывать, какие символы использовать как кавычки до и после цитаты, что может оказаться полезным для донесения до адресатов документов с различным стилем кавычек, учитывая аудиторию получателей (а также правила стилей) без всякой необходимости редактировать документ. Значением quotes являются одна или несколько пар символьных строк. Первое значение соответствует началу, второе - окончанию цитаты (quote). Данный пример описывает привычные в английском письме двойные кавычки в начале и в завершении цитирования. q {quotes: '"' 1 " ' ; }.

Любая из дополнительных пар определяет стили кавычек очередного уровня вложенности, что и показывает следующее правило стиля. Заметим: кавычки вокруг значения не могут совпадать со значением, которое они окружают (другими словами, для описания одинарных используйте двойные кавычки и наоборот), q {quotes: "" }. Двойные и одинарные кавычки в этом примере отображаются как прямые, т. е. символы ASCII. Для вывода на экран кавычек-«лапок» и других более сложных знаков цитирования используйте eseape-символы. В таблицах стилей евсаре-наборы задает символ обратная косая черта (\) и следующий за ним шестнадцатеричный Unicode-номер. Используемый в (X)HTML способ записи вида &#ппп; в таблицах стилей неприменим; следующий пример описывает кавычки типа «двойные лапки» q {quotes: '\201C' '\2 01D'; }.

                                    Символ	Unicode (hex)	Описание
                    «	0022	Двойная кавычка (символ двойных кавычек в наборе символов ASCII)
                    '	0027	Апостроф (символ одинарных кавычек в наборе символов ASCII)
                    <	2039	Одинарная левая угловая кавычка
                    >	203А	Одинарная правая угловая кавычка
                    «	00AB	Двойная левая угловая кавычка
                    »	ООВВ	Двойная правая угловая кавычка
	                    2018	Одинарная левая «лапка»
	                    2019	Одинарная правая «лапка»
	                    201С	Двойная левая «лапка»
	                    201D	Двойная правая «лапка»
                   ,	201Е	Нижняя двойная кавычка

Как только указали знаки цитирования, свойство content, имеющее значения open-quote и close-quote, располагает эти кавычки в начале и конце цитат в тексте, q {quotes: '\201C' ' \201D'; } q:before { content: open-quote; } q:after { content: close-quote; }. Традиционно вывод длинных цитат в два и больше абзаца предполагает, что закрывающая кавычка в конце абзаца (кроме последнего абзаца цитаты) опущена. Значение no-close- quote позволяет указать то, что знак кавычки по окончании элемента надлежит опустить, однако саму цитату закончить, сохранив этим верный уровень вложенности. Используя no-close-quote, вы должны явно добавить кавычку к последнему абзацу цитаты. Аналогично, значение no-open-quote поддерживает нужный уровень вложенности, будто кавычка в этом месте присутствует, но подавляет вывод этого символа на экран.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: