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

Getting started with CSS

Avatar for Masateru YOSHIMURA Masateru YOSHIMURA
June 01, 2020
Programming
3k
1

Getting started with CSS

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

Avatar for Masateru YOSHIMURA

Masateru YOSHIMURA

June 01, 2020

More Decks by Masateru YOSHIMURA

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

Other Decks in Programming

See All in Programming
(Re)make Regexp in Ruby: Democratizing internals for the JIT
Avatar for TSUYUSATO Kitsune makenowjust
3
1.1k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
450
20260514 - build with ai 2026 - build LINE Bot with Gemini CLI
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
450
Making the RBS Parser Faster
Avatar for Soutaro Matsumoto soutaro
0
720
いつか誰かが、と思っていた フロントエンド刷新5年間の実践知
Avatar for Kiichi Sugihara kiichisugihara
1
280
My daily life on Ruby
Avatar for Akira Matsuda a_matsuda
3
390
AlarmKitで明後日起きれるアラームアプリを作る
Avatar for Trickart trickart
0
140
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
Avatar for hadashiA hadashia
2
1.8k
Liberating Ruby's Parser from Lexer Hacks
Avatar for ydah ydah
2
2.7k
WebAssembly を読み込むベストプラクティス 2026年春版 / Best Practices for Loading WebAssembly (Spring 2026)
Avatar for petamoriken / 森建 petamoriken
5
1.1k
t *testing.T は どこからやってくるの？
Avatar for Kotaro Otaka otakakot
1
940
【ディップ｜26年新卒研修資料】OpenAPI/Swagger REST API研修
Avatar for ディップ株式会社 dip_tech
PRO
0
160

Featured

See All Featured
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
230
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
800
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
73k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
310
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
180
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
340
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
360
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

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Ͱ΍ͬͯΈΑ͏ ೉ͦ͠͏͚ͩͲɺश͏ΑΓ׳ΕΖͷਫ਼ਆͰɻ ॻ͖ଓ͚Ε͹ɺࣗવͱ֮͑ΒΕ·͢ɻ