Hatena Blog Tags
はてなブログ トップ
Cascading Style Sheets
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Cascading Style Sheets

(ウェブ)
【かすけーでぃんぐすたいるしーつ】

→CSS

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
azure76’s diary•16日前

〜htmlとcssとは〜

HTMLとCSSによるWEBデザイン イントロダクション HTMLとCSSは、Web開発の基礎となる2つの言語です。HTMLはWebページの構造を定義し、CSSはWebページのスタイルを定義します。これらの言語を使用することで、美しくレスポンシブなWebページを作成することができます。 HTMLについて HTMLはHyper Text Markup Languageの略で、Webページの構造を定義するための言語です。HTMLは、タグを使用して要素を定義します。例えば、<h1>タグは、見出しを定義し、<p>タグは、段落を定義します。また、HTMLは、リンク、画像、テーブル、フォームなどの要素を定…

ネットで話題

もっと見る
274ブックマークstu nicholls | CSS PLaY | experiments with cascading style sheets | home pageWhat it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I...www.cssplay.co.uk
198ブックマークCascading Style Sheets, Level 2前 次 目次 特性 索引 標準情報(TR)　　TR X 0032:2000 CSS2 目  次 まえがき 序文 1 概要 1.0 適用範囲 1.1 規定の読み方 1.2 規定の構成 1.3 規約 1.3.1 文書言語の要素及び属性 1.3.2 CSS特性定義 値 初期値 適用対象 継承 パーセント値 メディアグループ 1.3.3 簡略記述特性 1.3.4 備考及び例 1.3.5 画像及び長記述 ...www.y-adagio.com
134ブックマークData Tables and Cascading Style Sheets GalleryCurrent style: TagBox by TagBox Table design based on the fresh TagBox style.icant.co.uk
102ブックマークData Tables and Cascading Style Sheets GalleryCurrent style: TagBox by TagBox Table design based on the fresh TagBox style.icant.co.uk
89ブックマークCascading Style Sheets Level 2 Specification (Editor's Draft)Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification W3C Recommendation 07 June 2011, edited in place 12 April 2016 to point to new work, edited in place 07 December 2021 to correct markup. This version: http://www.w3.org/TR/2011/REC-CSS2-20110607 Latest version: http://www.w3.org/TR...www.w3.org
80ブックマークCSSのテクニックとトピックのまとめ | Cascading Style SheetsCSS(スタイルシート)の注目テクニックなどをまとめて公開してますcss.thumbnailcloud.net
70ブックマークCascading Style Sheets - Wikipediaja.wikipedia.org
49ブックマークCascading Style SheetsWhat is CSS? Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. These pages contain information on how to learn and use CSS and on available software. They also contain news from the CSS working group. High­lights The “CSS Snapshot...www.w3.org
30ブックマークCSS(Cascading Style Sheets) コーディングガイドライン分割した場合の CSS の種類 default.css 全ての文書に読み込ませる CSS。ブラウザごとに違うスタイルをリセットして要素別に見栄えを再定義します。汎用的なクラススタイルも含みます。 font.css フォントファミリを定義するための CSS です。 layout.css レイアウトの種類を定義するための CSS です。この CSS の中身で...purpr.in

関連ブログ

Fenrir Engineers•2ヶ月前

iOS16 でサポートされた CSS の機能たち

こんにちは！ウェブエンジニアの城間です。 2022年9月12日 にリリースされた iOS16 に伴い、Safari 16 にさまざまなサポートが追加 されました。 フェンリルでは iOS16 調査分科会を立ち上げ、その中で私は CSS に関する機能について調べていました。 旬は過ぎてしまいましたが、せっかく調べてきたので紹介します！ Container Query のサポート Container Query のサイズクエリのサポート コンテナクエリで利用可能な相対的な長さの単位 参考 Subgrid のサポート Grid の問題 Subgrid の利点 Subgrid のサポート状況 参考 ア…

Web白描•2ヶ月前

CSSとは

CSSとは テキストP.066〜 Cascading Style Sheets 構造化された文書をどのように表現するのかを指定するための言語 文字の色、文字の大きさ、余白などのレイアウトの指定 CSSのコーディング規約（Google） 「Google HTML/CSS Style Guide」を適当に和訳してみた Google HTML/CSS Style Guide CSSの基本書式 テキストP.067 h1 { color: red; } CSSをHTMLに適用 style属性で局所的にスタイルを適用する style要素で文章単位で適用する（embed） link要素で外部CSSファイルを…

Hajimari Tech Blog| 株式会社Hajimari•2ヶ月前

Webブラウザレンダリングの仕組み【DOM・DOMツリーって何？】

こんにちは！ 株式会社Hajimariでエンジニアインターンをしている溝口と申します！ 今回はブラウザレンダリングの仕組みについて書いていきます！ この内容にしようと思ったのは最近、ブラウザ描画周りの知識不足が原因で開発に詰まったことがきっかけです。 これまでずっと理解が曖昧な状態で開発していて、調べることを後回しにしていました。 今回の失敗を機に、曖昧だった部分をしっかり理解しておこうと思い、ブラウザレンダリングについて記事を書くことにしました！ レンダリングの流れ 早速ですがブラウザレンダリングについて、説明をしていきます！ この記事では、レンダリングとはブラウザがデータを受け取ってから、…

choco-ballの日記•3ヶ月前

HTML,CSSの前提知識

HTMLとはHyperText Markup Languageの略で ブラウザ上に表示する情報を記述するためのものです。 CSSとはCascading Style Sheetsの略で HTMLで記述した情報に飾り付けを行うためのものです。 タグとはHTMLの記述で<h1>や</h1>などの<>がタグです。 要素とは<h1>・・・</h1>といった感じにタグ+タグで囲まれた中身のことです。 head要素は画面上に表示されません。 適用するCSSの情報や、エンコード方式の指定などを行います。 body要素は画面に表示されます。 今皆さんがブラウザ上で見ているものはbody要素に記述されたものです。…

おもこん•4ヶ月前

徒然Ruby（３７）Ruby/GTK4

【追記 2022/12/9】プログラムのバグ修正と「gtk4」gemのバージョン4.0.4（最初にこの記事を書いたときには4.0.3）について、「徒然なるままにRuby」のGitHubレポジトリに書き加えました。 追加、修正については申し訳ありませんがこちらをご覧になってください。 はてなブログの以下の記事は修正されていません。【追記以上】 Ruby/Gtkの記事を先日書いたときに、「これはかなり使える」という手応えを感じたので、WordBook（Railsで作った単語帳プログラム）のGTK 4版を作りました。 プログラムは「徒然なるままにRuby」のGitHubレポジトリに置いてあります。 …

hogashi.*•4ヶ月前

z-indexバトル観戦

こんにちは、 id:hogashi です。 whywaita Advent Calendar 2022 - Adventar 3日目です。 目次 目次 z-index バトル z-index が 100 より小さいもの z-index が正の値のもの 統計 z-index バトルの頂点はどこか あそびかた むすび z-index バトル id:whywaita さんの好きなアルファベットは流石に Y ということでした。ありがとうございます。 やはり僕も id:whywaita さんの id を眺めていて、 w とか y とかから z-index を想起しまして、世の中の z-index バトル…

Webスクール•4ヶ月前

第5回 (2022/11/30)

参考書：P66 ~ P75 CSSの基本 CSSの書き方 デベロッパーツール CSSの適用方法 文字コードの指定 CSSファイルをHTMLファイルに読み込む CSSのエラー調査（デベロッパーツール） デフォルトCSS ユーザーエージェントスタイルシート リセットCSS CSSの基本 CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）とは、ウェブページのスタイルを指定するための言語。 HTMLがウェブページ内の各要素の意味や情報構造を定義するのに対して、CSSではそれらをどのように装飾するかを指定する。 CSSの書き方 ・すべて半角で書き、半角スペース・イ…

webサイト制作の勉強｜2022年11月クラス用ブログ•4ヶ月前

CSS基礎1

CSS（Cascading Style Sheets） CSSとは、HTMLの要素をどのように修飾（表示）するかを指示する、W3Cによる仕様の一つ。HTMLによる文書構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの具体的な仕様の一つ。 h1やpなどの意味付けはHTML 色や大きさやレイアウトなどはCSS www.csszengarden.com エンベットによる記述方法 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <style> </style> </hea…

bgf4f4f4weightheightfontfamily’s diary•5ヶ月前

【コーディング】マークアップ言語を学ぶ

こんばんは。 マークアップ言語についてわかりやすく書いてる記事を発見したのでアップしときます。 マークアップ言語とはプログラミング言語の一種で、HTMLとCSSのことです。 最も基礎的なプログラミング言語だといってもいいこのマークアップ言語。 ぜひとも概要だけでも覚えてかえってください。 ◼︎コーディングって何って人はこれを見てください。 www.brush-up.jp 以下、用語の解説を引用しました。 サイトに飛ぶの面倒な人は、以下の用語解説の部分をご覧ください。 コーディングとは？ コーディングとは、プログラミング言語を入力していくことです。コーディングによって画面のデザインを工夫したり、…

hogashi.*•5ヶ月前

CSSのcounters()で箇条書きの数字をカスタマイズできておもしろい

CSS に counters() というのがあって、 1.1 とかをカスタマイズできておもしろい。 counters() - CSS&colon; Cascading Style Sheets | MDN 言 葉 庭 というのをシンボルに使うことにして、繋ぎを の にするとこうなる。 @counter-style kotonohanoniwa { system: fixed; symbols: 言 葉 庭; suffix: " "; } ol { counter-reset: kounter; } ol li { counter-increment: kounter; margin-left:…

とうつきの備忘録•5ヶ月前

ITパスポート試験に(多分)合格しました

正式発表はまだですが、結果レポート上は合格点◎