CSSの基礎
CSS3まで含めたリファレンス(解説)と具体的なテクニックなどをご紹介します
HTMLタグ、CSS一覧や初心者の方向けのホームページ作成情報や携帯ホームページの作成方法も掲載。HTMLタグを覚えてからアフィリエイトまで、順番に読んでいくことで自然とホームページ作成術が身につく!
CSSのレイアウト
SEOにも強く、表示も速くなるCSS(スタイルシート)によるホームページレイアウトの実践講座です。
CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ!今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てや …
セレクタ
[class^=”class name”] 前方一致したものを一括指定できる前方一致 ⇒ [【属性】^=”【文言】”]で、【属性】が【文言】で始まる要素
後方一致 ⇒ [【属性】$=”【文言】”]で、【属性】が【文言】で終わる要素
部分一致 ⇒ [【属性】*=”【文言】”]で、【属性】に【文言】を含む要素
プロパティ
CSSリセット
IE
CSSのコツ、小技
cssのテクニックなどを学びたい時に見ておきたい12サイトをご紹介します。僕自身cssが凄く苦手で嫌いなので勉強になりそうなサイトをあつめました。同じ境遇の方とシェアしようと思います。
今回は初心者を抜け出したHTMLコーダーに向けた解説です。HTMLには解説では見かけないような地味な暗黙のルールがあります。思いついたものについてざっくり説明します★
サイト制作に関するアウトプットとクリップした情報を紹介するブログです。
「これは便利!コピペで使える実用的なCSSテクニックいろいろまとめ9つ」というテーマに関するまとめです。
ソースが公開されているcss小技11エントリーをまとめました。プラスアルファとしてcss小技のまとめエントリーも数記事ご紹介します。cssは本当に課題です・・
より早くcssやhtmlのコーディングが行えそうな情報いろいろ。少しでも効率化したいと思っていろいろ調べたついでにエントリーです。ChromeエクステンションやFirefoxアドオン、グリッドシステムなどなど。
今日はDIV一個で使えそうなボックスの作り方をいくつかご紹介!擬似要素使ってちょっとちょめちょめしたら縫い付け効果のボックス出来たりと、以外と使えそうなものを選んだつもりなので、一度見てみてもらえると嬉しいです!
CSSだけでは意外に難しいのが、内容量の違うボックスの高さを揃えることです。
最近デザインに角丸を使う機会があったので、これを機に角丸の使い方について自分なりに考えてみました。
ある幅に合わせて文字列を省略したいときがありますが、 レンダリングされる文字によって幅が違うので、文字数で制御するのは割と面倒ですね。
2011年の9月に「CSS と SVG filter でガラスっぽい効果をつける」というのを書きましたが、これは Firefox のみを対象としたものでした。 そこで今回はできるだけ多くのブラウザに対応したものを作ってみます。
https://matome.naver.jp/odai/2136135064816129601
2014年02月09日