Создать XML с интегрированным CSS и DTD - PullRequest
Новая
       23

Создать XML с интегрированным CSS и DTD

0 голосов
/ 05 марта 2012

Я хотел бы привести пример короткого кода из XML-файла со встроенными стилями DTD и CSS.

Все в одном файле.

Достаточно одного элемента.

P.s .: Я новичок в xml и не могу найти пример с xml и css в одном файле.

Привет

Ps .: Мне нужны такие функции CSS в файле XML: 

element {
  position:relative;
  display:block;
  width:600px;
  background-color:#999999;
  color:#FFFFFF;
  font-family:Tahoma,Arial;
  font-size:40px;
  padding:15px;
}

Ответы [ 2 ]

2 голосов
/ 05 марта 2012

Это ответ на отредактированный вопрос.Ответом будет в основном применение предыдущего ответа, только с заменой конкретной таблицы стилей и имени элемента, но здесь я также иллюстрирую, как URL data: можно использовать для встраивания внешней таблицы стилей.(Я не думаю, что это имеет большой смысл, но это решает вопрос, и, возможно, есть конкретная причина для запроса решения с одним файлом.) 

<?xml version="1.0" standalone="yes" ?>
<?xml-stylesheet type="text/css" href=
"data:text/css,element{position:relative;display:block;width:600px;background-color:%23999999;color:%23FFFFFF;font-family:Tahoma,Arial;font-size:40px;padding:15px;}"
?>
<!DOCTYPE demo [
<!ELEMENT demo (element)>
<!ELEMENT element (#PCDATA)>
]>
<demo>
<element>Hello world</element>
</demo>

Примечание: в data:URL, символ «#» (U + 0023) был% -кодирован как %23.

2 голосов
/ 05 марта 2012 
<?xml version="1.0" standalone="yes" ?>
<!DOCTYPE demo [
<!ELEMENT demo (style, body)>
<!ELEMENT style (#PCDATA)>
<!ELEMENT body (#PCDATA)>
]>
<demo xmlns="http://www.w3.org/1999/xhtml">
<style>body { color: red }</style>
<body>Hello world</body>
</demo>

Это немного обманчиво, поскольку атрибут xmlns предлагает HTML-интерпретацию тегов, благодаря чему браузер распознает элемент style как содержащий таблицу стилей CSS. Чаще всего вы будете использовать инструменты XML, которые не зависят от HTML. Это означает, что таблица стилей будет во внешнем файле, скажем, mystyle.css, и вы можете написать просто 

<?xml version="1.0" standalone="yes" ?>
<?xml-stylesheet type="text/css" href="mystyle.css"?>
<!DOCTYPE demo [
<!ELEMENT demo (body)>
<!ELEMENT body (#PCDATA)>
]>
<demo>
<body>Hello world</body>
</demo>
...