tack Developers Group Homepage!

〜BlueGriffonでウェブページ制作〜

外部CSS編

・外部CSSの作成と指定、閲覧方法：

CSSの作成-BlueGriffon – 学びの足跡 – Study further
https://www.hpymt.net/tsu/make-css/

メニューの[パネル]から[スタイルシート]をチェック。右に「スタイルシート」の操作パネルが開きます。「スタイルプロパティ」も開いていて複数になると、タブ形式での表示になります。

「スタイルシート」下部の「+/-/歯車マーク」の中から+で外部スタイルシート作成。

[文書からリンクする]でファイルを作成に入ります。*.cssの形式で。相対パスはファイルの場所の指定するときに使う方法です。相対パス(※1)で指定します。htmlと同じ場所ならばファイル名だけになります。

※1
【初心者向け】絶対パスと相対パスの違いをイラストを使って解説！｜webliker（ウェブライカー）
https://webliker.info/html/78726/

file://から始まる場合はパソコン内のファイルのパスになっています。htmlで使うパスとは別です。インターネットで使うパスはURL (https://)です。上記Webサイトを閲覧ください。まあ、結局、サーバーというコンピューターに割り当てられているディレクトリですが。その場合のパスの表記法です。

外部CSSを作成指定した場合、スタイルプロパティで設定した内容は自動的に全て外部CSSファイルに追加記述されます。

ctrl+zで、自動的に外部CSSファイルへ追加した内容の削除はできないようです。

「スタイルシート」タブの*.cssファイルをダブルクリックするとcssファイルが小型エディタで開き編集可能になります。

(... 2022R04-0725-MON-1251)
(... 2022R04-0725-MON-1350)

・既存の外部CSSを流用するとき：

style.cssの読み込み（blueGriffon） – 学びの足跡 – Study further
https://www.hpymt.net/tsu/read-style-css/

HTMLファイルを保存してからでないと外部CSSは読み込み・反映されません。

(... 2022R04-0804-THU-1353)

・HTMLを再編集しようとしても外部CSSにスタイルの追加ができずヘッダー部分にスタイルが記載されてしまうとき：

たまにあるようです。右端パネルの[スタイルシート]のタブで「*.cssファイル」（指定できるCSSファイルはひとつです）をクリックし選択します。パネル下部の歯車マーク(選択したスタイルシートを編集)をクリックし出てきたメニューから編集をクリック、出てきたウィンドウで、必要ならばタイトルを記載してOKを押します。これでいいはずです。

外部CSSを使いまわしていると起こるようです。はい？そんなの関係ない？気になることはやってみます。現在調査中です。(2022R04-0916-FRI-1742 関係ないようですね。)

そう、”使用頻度が多いCSSはうまく追記ができない”のではないかという疑問。バグとしてはアルゴリズム的に出ようがないですが…。(2022R04-0916-FRI-1742 作成当初以外は常に出ますね。)

(... 2022R04-0818-THU-1750)

既存のHTMLファイルで既存の外部CSSの指定で追記できない現象が出ています。
右パネルの[スタイルシート]タブで有効のチェックマークがつかない。Windowsでは、パネルの[スタイルシート]タブでの有効にチェックマークが入っています。Macでは、チェックが入りません。Windowsでも時々あります。現在調査中です。

(... 2022R04-0824-WED-1621)

Windowsで試しました。チェックは付きますがダメです。保存をしていないとダメということは試しました。タイトルに英語も試しました。

(... 2022R04-0824-WED-1801)

何か原因があるはずです。

(... 2022R04-0824-WED-1821)