機能の仕組み/セレクタの書き方 ページ23
##
うらつくの機能の仕組み
うらつくでの機能とは、文章の一部をHTMLのタグで囲み、そのタグに対してCSSでデザインを決めていく、というものになります。
タグを付けて、他の部分と区別して、一部分だけデザインを変えましょう、というわけですね。
機能の良い点としては、
・タグさえ書ければ簡単に機能が使える
・いちいち書くよりも文字数を減らせる
ですね。
逆に、悪い点としては、
・CSSが長くなる
・使える機能の数は制限される
こんな感じです。
機能の数が制限されるのは、うらつくでは使えるタグが決まっているからです。
セレクタの書き方
それでは、今度はセレクタを書いていきましょう。
セレクタは、何のデザインを変えるか、それを決めるものだと先ほど説明しました。
#desc b,#u_result b{
機能の内容
}
ここでは、”b”というタグを使っています。
このタグは、もともと文字を太くするために使うタグになります。
これで囲むと、文字が太く、いわゆるboldの状態になります。
なんで、#descや#u_resultという設定も入っているのか？というと、
「#descのb、#u_resultのb」だけ、デザインを変えたいからです。
つまり、そこ以外のbは、設定が変わらなくなります。
bタグであれば、そこまでデザインに支障は出ませんが、
例えばstrongというタグだと、評価欄の点数のところも変わってしまうみたいです。
こういうことがあるので、気を付けましょう。
##
この小説をお気に入り追加 (しおり)
登録すれば後で更新された順に見れます 133人がお気に入り
お気に入り作者に追加
この作品を見ている人にオススメ
この作品を見ている人にオススメ
「CSS」関連の作品
違反報告 - ルール違反の作品はココから報告感想を書こう！(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
さくさく - 参考にさせていただきます。ありがとうございます！ (12月13日 19時) (
レス) id: 8125d01b3c (このIDを非表示/違反報告)
青い鳥 - 参考にさせてもらいました。関係ないんですけど１００票目に評価しました (10月17日 17時) (レス) @page27 id: 55adadd6b3 (このIDを非表示/違反報告)
ぽんきち丸ドリーム号(プロフ) - 参考にさせていただきました、、！ありがとうございます！！ (7月10日 9時) (レス) @page27 id: 2431247bf4 (このIDを非表示/違反報告)
雨の緑茶。(プロフ) - ゆゆゆ。さん» 失礼します。em7様とは関係のない者ですがご回答させていただきます。もう解決されているかなと思いますが、一応https://uranai.nosv.org/u.php/novel/hetadesum4/の「画像のサイズ変更」ページに載っているかと。 (2023年3月17日 14時) (レス) id: 2f0ba08fc2 (このIDを非表示/違反報告)
おはぎ(砂糖・おはぎサブ垢) - 参考にさせていただきました (2022年11月27日 11時) (レス) @page35 id: dfee7c88d4 (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
