Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting started with CSS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Masateru YOSHIMURA Masateru YOSHIMURA
June 01, 2020
Programming
1
3k

Getting started with CSS

CSSとは
CSSによるスタイリングの方法
CSSの書き方
CSSの用語

Avatar for Masateru YOSHIMURA

Masateru YOSHIMURA

June 01, 2020
Tweet

More Decks by Masateru YOSHIMURA

See All by Masateru YOSHIMURA
Digital Design 2022-02
Avatar for Masateru YOSHIMURA mathatelle
0
380
Digital Design 2022-01
Avatar for Masateru YOSHIMURA mathatelle
0
270
Yoshimura Lab. 2022
Avatar for Masateru YOSHIMURA mathatelle
0
1.3k
create-website-html-2021
Avatar for Masateru YOSHIMURA mathatelle
0
160
Multiple pages
Avatar for Masateru YOSHIMURA mathatelle
0
710
How to design the individual page
Avatar for Masateru YOSHIMURA mathatelle
1
120
CodePen: Making your portfolio 2021
Avatar for Masateru YOSHIMURA mathatelle
0
150
single page
Avatar for Masateru YOSHIMURA mathatelle
0
880
How to optimize images for Better Web Design
Avatar for Masateru YOSHIMURA mathatelle
0
2.2k

Other Decks in Programming

See All in Programming
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
600
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
970
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
380
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
770
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
700
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
250

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
53
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
250
HDC tutorial
Avatar for Michiel Stock michielstock
1
360
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
650

Transcript

  1. $44Λ͸͡ΊΑ͏

  2. ϖʔδΛελΠϦϯά͢Δ΋ͷɻ $44ͱ͸ʁ w จࣈ w ৭ w ϨΠΞ΢τ w ಈ͖

  3. ϖʔδΛελΠϦϯά͢Δ΋ͷɻ $44ͱ͸ʁ w จࣈɿαΠζɺଠ͞ɺछྨͳͲ w ৭ɿจࣈͷ৭ɺഎܠͷ৭ɺઢͷ৭ͳͲ w ϨΠΞ΢τɿ༨നɺฒ΂ΔͳͲ w ಈ͖ɿΞχϝʔγϣϯͳͲ

  4. ᶃ ελΠϦϯάΛ͢Δର৅ΛܾΊΔ ᶄ ͲΜͳछྨͷελΠϦϯάΛ͢Δ͔ܾΊΔ ᶅ ͦͷελΠϦϯάͷ஋ΛܾΊΔ $44ʹΑΔελΠϦϯάͷํ๏ ͜ΕΛ࣍ͷΑ͏ͳॻ͖ํͰද͢ʢ࣍ͷϖʔδˠʣ

  5. $44ͷॻ͖ํ h1 { color: red; font-size: 80px; } ᶃIʹରͯ͠ ᶄ৭Λ

    ᶅ੺ʹ͢Δ ᶄจࣈαΠζΛ ᶅQYʹ͢Δ ೖྗ͕େมͦ͏͚ͩͲɺ)5.-ͱಉ༷λϒΩʔ͕࢖͑·͢ʂৄ͘͠͸ϏσΦͰʂ ඍົͳ৭߹͍Λදݱ͢ΔͨΊʹ͸ ਺஋Λ࢖ͬͯࢦఆ͠·͢ɻ SFEͱಉ͡੺͸Gɺ গ͠μʔΫͳ੺͸GͰද͞Ε·͢ɻ

  6. $44ͷ༻ޠ h1 { color: red; font-size: 80px; } ᶄϓϩύςΟ ᶅ஋

    ηϨΫλͷه๏ͱϓϩύςΟͷछྨΛ֮͑Ε͹ɺࣗ༝ࣗࡏʹελΠϦϯά͕Ͱ͖ΔΑ͏ʹͳΓ·͢ɻ ஌ࣝΛετοΫ͍͖ͯ͠·͠ΐ͏ʂ ᶃηϨΫλ

  7. $PEF1FOͰ΍ͬͯΈΑ͏ ೉ͦ͠͏͚ͩͲɺश͏ΑΓ׳ΕΖͷਫ਼ਆͰɻ ॻ͖ଓ͚Ε͹ɺࣗવͱ֮͑ΒΕ·͢ɻ