タグ

CSSとhtmlに関するext3のブックマーク (11)

  • ★スタイルシートリファレンス

    borderプロパティは、ボーダーのスタイル・太さ・色をまとめて指定する際に使用します。 スタイル・太さ・色のうち、指定する値を任意の順序でスペースで区切って記述します。 borderプロパティでは、ボーダーのスタイル・太さ・色について上下左右バラバラの指定をすることはできません。 上下左右のボーダーを異なったものにする場合には、 border-top、 border-bottom、 border-left、 border-right、 または、 border-style、 border-width、 border-color、 で指定してください。 オンラインカジノ ■ボーダースタイルの値 none ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。 hidden ボーダーは表示されず、太さも0になります。表のセルな

  • ホームページ作成 - テーブルの枠線を重ねて実線風にする

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- table { border-collapse:collapse;} --> </style> </head> <body> <table border="1"> <tr><td>border="1"にて設定</td></tr> <tr><td>&

    ext3
    ext3 2012/09/10
    立体風なキモい二重線を単なる一本線にする
  • ★スタイルシートリファレンス

    list-style-typeプロパティは、リストの先頭に表示するマーカー文字の種類を指定する際に使用します。 閲覧環境により、来の仕様の通りに表示されない値もあるので注意してください。 尚、list-style-typeと、list-style-imageの値を同時に指定した場合には、 list-style-imageの値が優先されます。 HTMLソース <b>list-style-type: none</b> マーカーなし <ul style=”list-style-type: none”> <li>いちご</li> <li>人参</li> <li>サンダル</li> </ul> <b>list-style-type: disc</b> 黒丸 <ul style=”list-style-type: disc”> <li>いちご</li> <li>人参</li> <li>サンダル</l

    ext3
    ext3 2012/09/04
    ブログで使ってるcssがolのスタイルをdiscというアホみたいな事してたので
  • ごく簡単なHTMLの説明

    HTML来簡単で便利なものです。「30分間HTML入門」で基は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 (スライドのHTML版) 何のためのHTMLHTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正

    ext3
    ext3 2012/08/30
    html5対応はしねぇの?
  • http://www.stylish-style.com/csstec/basic/p-vertical.html

    ext3
    ext3 2012/08/27
    vertical-alignは役立たず。heightとline-heightをあわせる。"さて、垂直方向の位置ならvertical-alignでもいけるのでは?と思った人も多いのではないでしょうか。実際のところどうなんでしょう。 line-heightの代わりにvertical-align:middle
  • IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。

    IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結

    IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
    ext3
    ext3 2012/08/27
    逆に難しいんじゃねぇの/"最後に、id, classを使わずにサイトを組むもんじゃない。"
  • css-lecture.com - css lecture リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    ext3
    ext3 2012/08/07
    なかなかこのとおりにはならないな
  • 【HTML5実践】 骨組み 【vol.1】 - FHWブログ | ホームページ制作会社FHW

    WEB制作・ホームページ制作会社【東京・渋谷】フライング・ハイ・ワークスがお届けするWEBメディアです。FHWのスタッフが知りえた技術や情報をホームページ制作やWebマーケティングの視点からの記事や、弊社のスタッフの日常が垣間見れる記事などを配信しています。

    【HTML5実践】 骨組み 【vol.1】 - FHWブログ | ホームページ制作会社FHW
  • 最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012

    [対象: 上級] ページの表示速度が、Googleランキングを決める指標として日を含むインターナショナルで導入されていることがSMX Advanced Seattle 2012で判明しました。 そこで今日は、ウェブページの高速化を取り扱ったセッションをレポートします。 スピーカーは、ECサイトのREIでSEOに携わるJonathon Colman(ジョナサン・コールマン)氏です。 ウェブサイトのパフォーマンス最適化 サイトを高速化する理由 コンバージョン率の最適化 カスタマーエクスペリエンスとカスタマー満足度の向上 直帰率を下げる。 競争率が非常に激しいキーワードでオーガニックからのトラフィックを増やす。 全体的な競争力を高める。 運用費を節約する。 数字で見るページスピード Googleではページスピードが検索の1%に影響している。 ユーザーがページ表示に待てるのは2秒まで。 3秒以

    最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012
  • 電子書籍ファイルePubについて -ePubを自分で作成する- « lab.naoki.sato.name

    2010年代に突入して半月強、Kindleの国際展開やACCESSによる携帯電話での提供など、心なしか日における電子書籍に関する話を目にする・耳にすることが増えたような気がします。個人的には昨年末にSony Readerを購入したこともあり、日でもアメリカのように電子書籍格普及してくれればと感じています。 そんな電子書籍のフォーマットの1つに、ePubというものがあります。このフォーマットは「米国の電子書籍標準化団体の1つであるInternational Digital Publishing Forum(IDPF)が普及促進するオープンな電子書籍ファイルフォーマット規格」(Wikipediaより)であり、Sony Readerでは標準型式として採用されているほか、Google Booksでも採用されている型式です。現状ではKindleではサポートされていないようですが、オープン型式

  • リストの作成 -- ごく簡単なHTMLの説明

    情報を見やすく整理して表現する方法として、リスト(一覧)はとても効果的です。HTMLでは、項目を列挙するul要素、順序を考慮して列挙するol要素、用語とその説明という定義型のリストを構成するdl要素の3つのリスト要素が用意されています。 目次: リストで情報を分かりやすく整理する 並列列挙リスト 順序付きリスト 定義型リスト リスト要素はブロックレベル リストの入れ子 取り上げる要素: ul ol li dl dt dd リストで情報を分かりやすく整理する 基的には文は見出しと段落だけで構成できるはずです。しかし、一連の並列される情報や、順序立ててステップを説明するような内容は、リストとして表現する方が分かりやすいことがあります。 一つの段落が長くなってしまう場合は、そこで述べようとしているポイントを箇条書きにすると、簡潔に表現することができます。また、複数の段落に分けて書いている内容

  • 1