Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Getting started with CSS

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
400
Digital Design 2022-01
Avatar for Masateru YOSHIMURA mathatelle
0
290
Yoshimura Lab. 2022
Avatar for Masateru YOSHIMURA mathatelle
0
1.4k
create-website-html-2021
Avatar for Masateru YOSHIMURA mathatelle
0
170
Multiple pages
Avatar for Masateru YOSHIMURA mathatelle
0
730
How to design the individual page
Avatar for Masateru YOSHIMURA mathatelle
1
130
CodePen: Making your portfolio 2021
Avatar for Masateru YOSHIMURA mathatelle
0
170
single page
Avatar for Masateru YOSHIMURA mathatelle
0
900
How to optimize images for Better Web Design
Avatar for Masateru YOSHIMURA mathatelle
0
2.2k

Other Decks in Programming

See All in Programming
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
220
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
210
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
パスワード再設定メールのURLについて知っておこう
Avatar for uyuki uyuki234
0
160
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
5
5.2k
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
310
ChromeでローカルLLM
Avatar for ryu ryu1013
0
140
外から家のPCの電源入れたい！をＰＨＰで解決する
Avatar for かわしも（Shimokawa Shion） kawashimo0
1
130
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
130
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
150
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
2.1k

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.8k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.6k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
520
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
270
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
7k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
3
3.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
380

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