タグ

ブックマーク / taneppa.net (3)

  • CSSの【float】についてちょっと本気出して説明してみた。 | たねっぱ!

    HTMLとかCSS ひよこちゃん向けシリーズ、【float】編です!CSSの【float】について気出して説明してみた。left right ,clearってなに!?? HTMLとかCSSとかこれから!な、ひよこちゃん向けシリーズ、【float】編です! 2016/07/15 一番最後のほうにfloat clearfixの修正版追加しました。 float(フロート)とはなんぞや? floatとは、要素(<div>とか<p>とか)を右に寄せたり、左に寄せたりするときに使います。 よくサイトで見られるサイドバーとかサイドメニューとかもfloatで配置することが多いですね。 まずは、プロパティをおさらいしておきましょう! left 【左に寄せる】 right 【右に寄せる】 none 【やっぱフロートやめる】 inherit 【継承させる】←使うことあまりない プロパティは以上です。基的にi

    CSSの【float】についてちょっと本気出して説明してみた。 | たねっぱ!
  • 定義リスト[dl]のdt/ddを横並びにする方法 | たねっぱ!

    定義リスト dl のdt/ddタグを横並びにする方法を紹介します! floatをつかってキレイに整えましょう! こんばんちわ、やのっぱです。(´・ω・`) 今回は定義リスト[dl]の中身(dtとdd)を横に並べる方法やってみるよ。 その前に定義リストってなん???美味しいの? ッと思ってたら、どこからともなく天の声が!!←天から聞こえとるがな 「説明しよう!定義リストとは定義(dt)する用語を説明(dd)するリストである!」 つまりは用語があって、それを説明する文がセットになってるときに使うリストってことです。 もっと噛み砕くと[これ]はこういう[意味]やで~ってことです。 やのっぱ(ここdt)毎日せこせことマークアップすることに快感を覚え、しかし打つのは面倒いので如何にして楽にマークアップするかと言うことに情熱を注ぐ汎用人型まーくあっぷえんじにゃぁ(ここdd) こんな感じで使ったりします

    定義リスト[dl]のdt/ddを横並びにする方法 | たねっぱ!
    iww
    iww 2018/03/22
    dtをfloatにすると並べられりゅ
  • CSSの display: inline、display: block、display: inline-block をマスターしよう! | たねっぱ!

    CSS の display プロパティについて紹介します! display: inline・display: block・display: inline-blockについてのおさらい。HTMLCSSひよこちゃん向け! いろいろ便利な CSS の display プロパティ。今回は display: inline display: block display: inline-block についておさらいしてみます。HTMLひよこちゃん向けの記事です! displayプロパティで、ブロック・インライン・インラインブロックをおさらいしてみた displayプロパティ displayは、要素の「表示形式」を指定するプロパティ。 ブロックレベル要素をインライン形式で表示したり、インライン要素をブロックレベル形式で表示することができます。 構造的にはブロックレベル要素なんだけど、インラインとして表示

    CSSの display: inline、display: block、display: inline-block をマスターしよう! | たねっぱ!
    iww
    iww 2016/01/11
  • 1