POPSブログ

CSSの状態を表示して確認する/1

24

  Category:  basercms2012/02/15 pops 

WordPress-Elementsを表示してデフォルト状態のCSSによる表示を確認する


CSSの状態を表示して確認する


WordPress Elements を表示する

下の記事内容は、よく、WordPressのテーマに表示されている画面です。私はよくこのHTMLを表示してCSSのテストをしています。WordPressのテーマからコピーしただけですが。
日本語の表記がありませんのでその点注意が必要ですが、標準の各エレメントの表示状態を確認できます。
また多くのエレメントを使用した場合のCSSの重さ状態をも把握できます。意外と重宝です。


Sample Content to Plugin to Template

The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

[top]


Paragraph

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, emphasis consectetuer

[top]


List Types

Definition List

Definition List Title
This is a definition list division.

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3

[top]


Forms

Legend

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Form Element

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.


 

Radio 1

 

Radio 2

 

Radio 3

 

Radio 1

 

Radio 2

 

Radio 3

 

[top]


Tables

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

[top]



[ この記事のURL ]


タグ:HTML , CSS , basercms , series

[ CSSの状態を表示して確認する シリーズ記事 ]

CSSの状態を表示して確認する/22012.02.16
CSSの状態を表示して確認する/12012.02.15

 

ブログ記事一覧

年別アーカイブ一覧



[1]