CSS

CSS

(音楽)
【しーえすえす】

CANSEI DE SER SEXYカンセイ・ジ・セール・セクシー。ブラジルのサン・パウロ発のディスコ・パンク・バンド。

MEMBER

ラヴフォックス(Lovefoxxx) - ヴォーカル
アドリアーノ・シントラ(Adriano Cintra)- ドラム、ギター、ヴォーカル、作曲
カロリーナ・パラ(Carolina Parra)- ギター、ドラム
アナ・レゼンデ(Ana Rezende)- ギター、ハーモニカ
ルイザ・サア(Luiza Sa)- ギター、ドラム、キーボード
イラチェマ・トレヴィサン(Iracema Trevisan)- ベース

ALBUM

Cansei De Ser Sexy (Dig)

Cansei De Ser Sexy (Dig)

ドンキー

ドンキー

La Libercion

La Libercion

CSS

(ウェブ)
【しーえすえす】

クロスサイトスクリプティング(Cross Site Scripting)の略称。CSSやXSSと略される。
Cascading Style Sheetsと間違われやすいので、「XSS」と略すほうが推奨されている。

CSS

(コンピュータ)
【しーえすえす】

Content Scrambling System

データを暗号化して記録し、再生時に復号化するシステムでDVD-videoでプロテクトとして
採用されている。

CSS

(ウェブ)
【しーえすえす】

HTMLやXMLなどのマークアップ言語の表示(見栄えなど)を指示する、W3Cの勧告する仕様(群)。Cascading Style Sheets(カスケーディング・スタイル・シート)の頭文字。

論理構造を記述することを本来の目的とするHTMLに、見た目を指示するスタイルシートを用いることにより、文章の構造と表示を分離できる。

スタイル設定の方法(The Web KANZAKI -- Japan, music and computer)なども参考に。

CSSのバージョンは複数存在し、現在、CSS1、CSS2、CSS2.1が勧告されている。またCSS3が作成中である。

利点

妥当なHTML文章に基づいたCSSを記述することにより、サイトのメンテナンス性が向上する。
具体的には、複数のHTML文書からCSSファイルに関連付けることで、デザイン変更の際、CSSファイルに手を加えるだけで(そのCSSファイルを参照するすべての)HTML文書のスタイル変更に対応できる。
スタイルシートを利用しない場合、デザイン変更の際すべてのHTML文書の書き換えを要することもある。

はてなダイアリーではデザインをある程度自由にカスタマイズすることができる。はてなダイアリーのデザインを変更する場合には、はてなダイアリーガイド「CSSセレクタ - 日記1日分」を参照することで、どのようなセレクタがあるか分かる。

記述例

body {
 background-color: white; /* 背景の色 */
 background-image: url("xxx.png"); /* 背景画像 */
 font-size: medium; /* 文字サイズ */
}
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

Design Tokenが変化することを前提にした型安全なCSS — newmoでPanda CSSを採用した理由

© 2023-Present Segun Adebayo newmoでは、1行目のCSSを書く前に1つ目のDesign Tokenを定義しました。Design Tokenを起点にした開発を実現するため、CSSスタイリングフレームワークにはPanda CSSを採用しています。 しかし、創業期のスタートアップでは、デザインシステムは完成品ではなく日々変化していくものです。Design Tokenの命名が変わる、階層構造が見直される、色の値が調整される——こうした変更が頻繁に発生します。数百箇所に散らばったtokenを手動で置換すると、必ず修正漏れが発生します。そもそもDesign Tokenの使用...

ネットで話題

もっと見る

関連ブログ

投票ページの作成1方針を考える

前回まででトップページとそのヘッダーを作りました。 次はメインコンテンツである掲示板を作ります。 タイトルでもある投票型の掲示板です。 候補があって、候補の横に添えられている投票ボタンを押したら数値が増える、という感じで。 トップページでメインを「投票するところ」としておきましたけど、トップページにそんなものを作ってしまったら見づらくて仕方なくなると思うので、別のページにしようと思います。 とりあえずファイル名は「vote.html」にします。 ヘッダーはすべて共通にすることになりますので、ヘッダーもファイルを別につくってJavaScriptでそれを引っ張ってくることにします。 なのでここでは...

『Every Layout』を読みました

先日、『Every Layout - モジュラーなレスポンシブデザインを実現するCSS設計論』を読みました。 CSS設計に関する深い洞察が詰まった一冊で、多くの学びを得られました。本記事では、その中で特に印象に残ったポイントを紹介します。 CSS設計の基本方針: ブラウザに計算させる CSSを書く際に、"height: 100px;" や "width: 100px;" のような絶対値を使うと、表示するデバイスやビューポートによって崩れる可能性があります。 これを防ぐには、相対的な値を活用するのが有効です。 例えば、以下のような単位や手法を使うことで、レスポンシブなデザインを実現できます。 相...

レイアウト構築の基本を理解しよう ~ 横スクロールが起きない!? Flex脱却編 ~

はじめまして! DXビジネス開発部の澤です。普段は医療系プロダクトのPjMやエンジニアまた技術広報として活動しています。 本記事は、OPTiM TECH BLOG Advent Calendar 2025 Day 1 の記事です! 11月30日に開催されたフロントエンドカンファレンス関西で「レイアウト構築の基本を理解しよう ~ 横スクロールが起きない!? Flex脱却編 ~ 」というタイトルで5分間のLTをさせていただきました。本記事では、発表で時間の都合上触れられなかった背景や詳細な解説も含めてお伝えします。 はじめに フロントエンド開発で、こんな経験はありませんか? overflow: a...

謎だらけの文字化け

昨日、サイドバーのカテゴリーの字を大きくしたいなと思い、いろいろいじって、できた〜🎉...と思ったら、日付の左になんだか見慣れないアイコンみたいなのがくっついています。 四角の中にバツ印のこんなやつ。あ...もしかして自分のだけ見えてるのでしょうか?いえいえ、そんなことはないよね? 調べてみると文字化けしてるときに出るとのこと。だけど、どこをどう直せばいいのか?いろいろ試していますが全然変わらず。文字はちゃんと大きくなるのに文字化けということは、私のPCの不具合?ま、文字化けアイコンが出るだけで何も影響ないなら放置でいいか。......いやいやいや、だめだめ。気になるのでやはり直したい。ちなみにテストブログに...

CSSのword-breakを使ってみた

はじめに word-breakとは 主な値と動作 normal(デフォルト値) 表示の確認 break-all 表示の確認 keep-all 表示の確認 他の値 まとめ 参考 はじめに こんにちは!あめくです! 今回はCSSを用いて改行したいことがあったので、 word-break について調べてみました。 word-breakとは word-breakとは、テキストがコンテンツボックスから溢れる場合に、ブラウザが改行するかどうかを指定することができるCSSプロパティです。 単語や文字がコンテナの端に達した時にどう改行するかを決定します。 主な値と動作 ベースのCSSを下記のように設定して動作...

CSS学習の次のステップ:デベロッパーツール活用法と必須用語集

【完結編】CSS学習の次のステップへ このガイドを通じて、あなたはHTMLとCSSの関係性から始まり、セレクタの使い方、ボックスモデル、そして最新のレイアウト手法であるFlexbox、さらにはスタイルの競合ルールまで、ブログをスタイリングするために必要な知識の全体像を学びました。 旅の締めくくりとして、今後の学習を支える「最強のツール」と、忘れたときに役立つ「用語集」をお届けします。 🛠 最も強力な学習ツール:ブラウザのデベロッパーツール 今後の学習において、あなたの最も強力な味方となるのが、Google Chromeなどのブラウザに標準搭載されている「デベロッパーツール」です。 使い方は簡単...

AltStyle によって変換されたページ (->オリジナル) /