Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSSのはなし①
Search
Kaneko Takeshi
January 25, 2019
Technology
0
25
CSSのはなし①
pizza_jp#13
Kaneko Takeshi
January 25, 2019
Tweet
Share
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
13
Eye Tracking on the Browser
tkckaneko
0
72
IEEE754を完全に理解した
tkckaneko
1
51
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
72
多分これが一番早いと思います
tkckaneko
0
23
暗黒面の話
tkckaneko
0
14
CSR / SSR / SSG / JAMstack
tkckaneko
0
51
BOLT
tkckaneko
0
11
CSS Logical Properties and Values
tkckaneko
0
24
Other Decks in Technology
See All in Technology
汎用ポリシー言語Rego + OPAと認可・検証事例の紹介 / Introduction Rego & OPA for authorization and validation
mizutani
1
160
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
12
7.9k
OPENLOGI Company Profile for engineer
hr01
1
2.2k
パフォーマンス最適化のベストプラクティス
databricksjapan
0
200
cgroup v2 で何が変わったのか / TechFeed Experts Night #28
tenforward
2
160
【リラン】AIの光と闇?失敗しないために知っておきたいAIリスクとその対応 ①政府の動き編
tkhresk
0
140
Databricksの生成AI戦略
taka_aki
1
370
Domain-driven Design: A Complete Example
ewolff
2
260
【TSkaigi】2024/05/11 当日スライド
kimitashoichi
14
4k
Google Cloud Next '24 Recap in ZOZO AIにより変わる開発 運用/Development and operation changed by AI
gachimuchiengineer
0
200
エンジニアゼロの組織から内製開発の DX をどう実現したのか / How did we achieve DX in in-house development in an organization with zero engineers?
genkiogasawara
7
3k
B2C、B2B プロダクトマネジメントの違い(および思考の罠) / B2C, B2B PM and reduction fallacy
ykmc09
5
2.4k
Featured
See All Featured
Clear Off the Table
cherdarchuk
86
310k
Teambox: Starting and Learning
jrom
128
8.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.5k
GraphQLの誤解/rethinking-graphql
sonatard
56
9.3k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Debugging Ruby Performance
tmm1
70
11k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
Producing Creativity
orderedlist
PRO
338
39k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
Atom: Resistance is Futile
akmur
260
25k
Become a Pro
speakerdeck
PRO
13
4.6k
Transcript
CSSのはなし①
CSSって何か知ってますか?
Cascading Style Sheets
構造化文書にスタイルを 付加できるようにする スタイルシート言語
構造化文書 = HTMLとか
スタイル = 文字色とか
つまり
HTMLとかに文字色とかを 付加できるようにする スタイルシート言語
Cascading...?
None
つまり
スタイルが設定された順に 流れるように引き継がれて 適用される
プロパティの最終値は 4段階の計算結果
優先順に基づいて プロパティに指定値を割り当てる
指定値はカスケード処理時に 算出値に解決する
算出値から依存関係を 解決した結果を使用値とする
最終的にローカル環境の制限に 応じて変換されたものが実効値
具体的に説明
body { font-size: 30pt; } h1 { font-size: 200%; }
<h1>A <em>large</em> heading</h1>
.red { color: red; } .blue { color: blue; }
<p class="red">page <a href="/">link</a> Red</p> <p class="blue">page <a href="/">link</a> Blue</p>
.red { color: red; } .blue { color: blue; }
a { color: inherit; } <p class="red">page <a href="/">link</a> Red</p> <p class="blue">page <a href="/">link</a> Blue</p>
おわり ※ 次回はもっとがんばります。