ブログ– archive –
-
【CSS】border-radiusを自由自在に扱う
福岡に拠点を置いているホームページ制作・SEO対策の株式会社スゴヨクです。 今回は、border-radiusを使う方法についてご紹介していきたいと思います。 border-radiusについて まず初めに、border-radiusについて説明していきます。 border-radiusは図形の... -
【CSS基礎】改行・空白文字を制御するwhite-spaceプロパティとは?
はじめに 福岡のホームページ制作・SEO対策の株式会社スゴヨクです。 コード内の「空白」と「改行」の扱いに関して指定を行うことができるCSSのwhite-spaceプロパティについて、詳しい説明と使い方をまとめます。white-spaceプロパティを使いこなすことが... -
【IT導入補助金2023年】申請要件やスケジュール・流れのまとめ
IT導入補助金の2023年度の申請が始まりますね。 中小企業・小規模事業者のみなさまがITツール導入に活用いただける補助金です。 2023年のIT導入補助金の募集はこちら 事業の目的 通常枠(A・B類型) 中小企業・小規模事業者等のみな... -
CSSでグラデーションを使う方法
福岡に拠点を置いているホームページ制作・SEO対策の株式会社スゴヨクです。 今回は、CSSでグラデーションを使う方法についてご紹介していきたいと思います。 グラデーションを使う方法 まず初めに、cssでグラデーションを使うときはbackgroundプロパティ... -
【CSS】疑似要素(::before・::after)のcontent内で改行を使うには?
はじめに 福岡のホームページ制作・SEO対策の株式会社スゴヨクです。 CSSの疑似要素「::before」、「::after」を使用する際に、content内のテキストに改行を入れたくなったことはありませんか? やり方を知らないと手間取ってしまいがちですが、知っていれ... -
【CSS入門】cssで枠線を引くborderを解説
福岡に拠点を置いているホームページ制作・SEO対策の株式会社スゴヨクです。 今回は、CSSの「border」についてご紹介していきたいと思います。 borderとは borderは、HTMLの要素に対して枠線を指定するプロパティです。borderでは、枠線の色、太さ、種類を... -
【CSS基礎】displayプロパティ:block・inline・inline-blockの違いと使い分け
はじめに 福岡のホームページ制作・SEO対策の株式会社スゴヨクです。 CSSの基礎的な知識として、displayプロパティのblock・inline・inline-blockの違いと使い分けについて解説します。 初めのころはあやふやにしてしまいがちですが、「要素の高さや配置を... -
【初心者向け】floatプロパティについて、わかりやすく解説
福岡に拠点を置いているホームページ制作・SEO対策の株式会社スゴヨクです。 今回は、CSSの「float」についてご紹介していきたいと思います。 floatとは floatは、htmlの要素を横並びにすることができます。右や左よせを指定することも可能です。 指定でき... -
【SEO対策】SEO対策とは?サイト改善やテクニカルSEO、メリット・デメリットについて
【はじめに】 SEO対策とは? SEO対策(Search Engine Optimization)とは、検索エンジンにおいて上位表示されるための対策のことを指します。 具体的には、自社サイトの構成・コンテンツ・外部リンク・テクニカル面など、検索エンジンのアルゴリズムに適し... -
【CSS基礎】marginとpaddingの違いと使い分けポイントをわかりやすく
はじめに 福岡のホームページ制作・SEO対策の株式会社スゴヨクです。 初心のころに立ちどまりがちなCSSプロパティのmarginとpaddingについて解説します。なるべくわかりやすく、かみ砕いて簡単にまとめていきたいと思います。 HTMLのボックスモデル 「ボッ... -
【CSS】box-sizingとは
ボックスモデルの概念をご紹介福岡に拠点を置いているホームページ制作・SEO対策の株式会社スゴヨクです。 今回は、CSSの「box-sizing」についてご紹介していきたいと思います。 「box-sizing」 box-sizingとは box-sizingは、widthとheightにpaddingやborderのサイズを含めるかどうか... -
display: flex; + justify-content: space-between;で最後の行の要素を左寄せにしたい
はじめに 福岡のホームページ制作・SEO対策の株式会社スゴヨクです。 簡単に整ったレイアウトを叶えることのできるdisplay: flex; + justify-content: space-between;の組み合わせですが、最後の行の要素だけ左右に広がって配置されて困ったことはありませ...