メイン

CSS アーカイブ

2006年08月24日

xmlにデザインする方法(XSLT,CSS)

●XSLTの場合
-----------------------
○test.xml
-----------------------
<?xml version="1.0" encoding="Shift_JIS" ?>
<?xml-stylesheet href="xmlview.xsl" type="text/xsl" ?>
<article>
<title>XSLTの場合</title>
<strbody>XMLにXSLTを使ってデザインする場合</strbody>
</article>

-----------------------
○xmlview.xsl
-----------------------
<?xml version="1.0" encoding="shift_jis" ?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >

<xsl:template match="/">
<xsl:apply-templates/>
</xsl:template>

<xsl:template match="article">
<html><xsl:apply-templates/></html>
</xsl:template>

<xsl:template match="title">
<h1><xsl:value-of select="."/></h1>
</xsl:template>
<xsl:template match="strbody" >
<p><xsl:value-of select="."/></p>
</xsl:template>

</xsl:stylesheet>


●CSSの場合
-----------------------
○test.xml
-----------------------
<?xml version="1.0" encoding="Shift_JIS" ?>
<?xml-stylesheet type="text/css" href="xml.css"?>
<article>
<title>xml-stylesheetの場合</title>
<strbody>XMLにCSSでデザインする場合</strbody>
</article>

-----------------------
○xml.css
-----------------------
article, title, strbody {
display: block;
}
article {
margin: 0;
}
title {
font-size: 18pt;
}
strbody {
font-size: 12pt;
}

2006年09月06日

CSSのフォントサイズ指定が tableに反映されない問題

フォントサイズの指定は、どこで行うと全体最適が達成されるのか?考えていたときに生じた問題。

CSSのフォントサイズ指定が tableに反映されない問題
詳しくは、
http://www.koikikukan.com/archives/2006/07/24-021206.php

<?xml version="1.0" encoding="utf-8"?>があると反映されない話。
XML宣言が記述されているとブラウザが「後方互換モード」として動作するため、これを削除して「標準準拠モード」として動作するようにします(「後方互換モード」と「標準準拠モード」については後述)。

2006年11月29日

Webサイトの色デザインに役立つサイト


Color schemes generator 2
http://wellstyled.com/tools/colorscheme2/index-en.html

2007年04月16日

デザインの再利用化


CSSはデザインという俗人的なノウハウをテキストに落とした仕組みであり、
デザインという世界に再利用可能性を持ち込んだ革命なのかもしれない。

なにをいまさら、当たり前のことをと思うかもしれないが、
おそらく、デザイン検索というサイトが立ち上がり、
デザインも検索でする時代になっていくような気がします。

開発製品

jirologos.gif

About CSS

ブログ「三田ブログ」のカテゴリ「CSS」に投稿されたすべてのエントリのアーカイブのページです。新しい順番に並んでいます。

前のカテゴリはBookmarkです。

次のカテゴリはJIROです。

他にも多くのエントリがあります。メインページアーカイブページも見てください。

Powered by
Movable Type