CSS

CSS適用の優先順位を整理した

どうも、サーロインです。 今回はCSSの詳細度について。 これを知っているとCSS書くときに捗りそうなので、少し勉強しました。 基本ルールは「後ろに書かれたCSS適用」 優先順位をコントロールする「詳細度」 詳細度とは 実用例 奥の手「インラインスタイル…

GASでHTMLから外部ファイルのCSS・JSを呼び出す方法

よく忘れるのでメモ。 以下のように書く。 注意点は拡張子をつけずにファイル名だけを指定すること。 例えばhoge.js.html(GASはCSS・JSでも末尾に.htmlがついてしまう)という名前のファイルなら と書く。CSSも同様。 記述場所はheadタグ or bodyタグの中。…

同一HTML/CSSソースなのに IE だけレイアウトが崩れるのはなぜか

HTML・CSSでサイトデザインを作って、いざブラウザで確認してみたら、 「IEだけデザインが崩れる。。。(他のブラウザは問題ないのに)」 という経験、Web開発者ならだれでも一度は経験したことがあると思います。 余白(padding, margin)が効いてない、特定のC…

文章を四角枠でかこんで見やすくする【ブログカスタマイズ】

はじめに HTMLでブログ記事を書く 実際のhtmlとCSSの記述例 はじめに どうも、サーロインです。 他の方のブログを見ていると、文章を四角で囲って見やすく表示している人をよく見かけます。 こんな感じのやつです↓↓ ずっとやりたいなあと思いながら調べるの…

そろそろCSSのdisplayプロパティをちゃんと勉強しようと思う

どうも、サーロインです。 いつもなんとなく使っているCSSのdisplayプロパティをちゃんと理解しようと思い、調べながら色々遊んでみました。 displayプロパティについて block inline inline-block none 覚えがてらあそんでみる displayプロパティについて …

はてなブログでもQiitaっぽくソースコードを表示するCSS

「Qiitaっぽい表示」とはこんなやつです↓ (引用元:javascriptのおかげで卒論でちょっと楽できた話) はてなブログでソースコードを載せると背景が白でイマイチみづらいんですよね↓↓ (余談:Markdown記法での画像サイズの変え方がわからず巨大な画像になっ…

javasriptのおかげで卒論でちょっと楽できた話

ブロトピ:ブログ更新しました はじめに 全体像 ソース 解説 半角・全角チェック 半角スペースを挿入する関数 文中の何文字目に半角スペースを挿入するかを判定 半角スペースを挿入する さいごに はじめに 大学生時代に卒論書いてるとき「英単語とか半角数字…

学生時代に作った文章校正アプリを紹介!

みなさんどうもこんにちは、サーロインです。 いつも雑記ブログのような記事ばかりなので、今回はSE(システムエンジニア)らしく技術系記事を書きます。 タイトル通り、学生時代に作った文章校正アプリを紹介したいと思います。 Githubリンク アプリ概要 Pr…

ブログのシェアボタン・目次・見出しを変更したのでCSSをソースを公開する

みなさんどうもこんにちは、サーロインです。 過去の記事でもやったのですが、相変わらずはてなブログの公式テーマのデザインがイマイチなのでまたCSSをいじってデザインを変えました。(CSSの勉強も兼ねて) いつものように備忘録としてソース公開したいと…

【CSS】ブログデザインを自分でカスタマイズしてみた

私は前々からはてなブログのデフォルトデザインに不満を持っていました。 (冒頭から悪口) 細かいところを挙げるとキリがないのですが、主に不満だったところは 見出しが目立ってない 目次が見づらいしダサイ です。 この2点を改良すべく、ブログのCSSをい…

にほんブログ村 IT技術ブログへ
にほんブログ村