HTML&CSS [CSS]backgroundのショートハンドを理解したい ぽんきち backgroundのショートハンドがいつまでたっても理解できないよ。。。 勉強中プログラマーさん 雰囲気で使っちゃうよね。。 CSSのbackgroundプロパティ、なんとなくしか理解して... 2024.07.15 HTML&CSS
HTML&CSS [CSS]ボーダーをグラデーションにしたい ぽんきち グラデーションをかけたボーダーをCSSで表現したいよ。。。 ボーダーにグラデーションをかけたい時、またはテキストの下線にグラデーションをかけたい時、どうしますか??SVGなどの画像で書き出す... 2024.07.07 HTML&CSS
HTML&CSS [HTML&CSS]brタグを設定しても改行が効かない ぽんきち brタグを設定しているのに改行されない。。。 HTMLコーディング中、文章の改行のために記述するbrタグ。なぜだか効かない事象に出会うことがあったので備忘も兼ねて記載します。 親要素にfle... 2024.02.15 HTML&CSS
HTML&CSS CSSの自動整形で改行が増殖するのを止めたい[VScode] ぽんきち CSSの自動整形を止めたいのにちょうどいい方法が分からない。。 VScodeでコーディングしているときCSSの自動整形は便利だけど改行が増えすぎるからもう止めたい。って思うことありますよね。... 2024.02.09 HTML&CSS
HTML&CSS OSによってレイアウトが崩れてしまう時はUAを判断してCSSをあてる 検証していて、うげ、、、safariで崩れてる。。。とかでブラウザによって違うスタイルをあてたい!と思った時ありませんか? 基本はベンダープレフィックスで対応できますが、それだけでは対応できない時は、... 2023.12.09 HTML&CSS
HTML&CSS CSSのlast-of-typeが分からない(後編) いろいろ試してみてなんとなく動きがわかってきた。 前回の続きからちょっと試してみる。前編↓ 前回のまとめ。 クラス指定の場合はクラス+要素のand指定になるのではないか。 子要素のみに適用される。 M... 2023.07.30 HTML&CSS
HTML&CSS CSSのlast-of-typeがいつも分からない(前編) 使おうとする度にうまく動かなくてその都度調べるがなんともしっくりこない。 今日こそきちんと向き合おうと思う。 last-of-type検証のための事前準備 ざっくりHTML(外側はbody) <div... 2023.07.30 HTML&CSS
HTML&CSS font-size:62.5%とrem設定 ぽんきち 友人とWEBサイトを作っていたらそこのfont-sizeは1.6remで設定しろと言われたよ。 勉強中プログラマーさん ああブラウザの標準サイズだね。CSSでhtml{font-size:6... 2023.05.28 HTML&CSS
HTML&CSS HTMLの属性値に一重引用符が推奨されない理由は? ぽんきち HTMLのタグ属性値を一重引用符(シングルクォーテーション ' )で囲っていたらエディターに注意された。。。 HTMLの仕様としては二重引用符を推奨しているらしい。理由が気になったので調べて... 2023.05.04 HTML&CSS