Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Getting started with CSS
Search
Masateru YOSHIMURA
June 01, 2020
Programming
3k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Getting started with CSS
CSSとは
CSSによるスタイリングの方法
CSSの書き方
CSSの用語
Masateru YOSHIMURA
June 01, 2020
Transcript
7 slides
$44Λ͡ΊΑ͏
ϖʔδΛελΠϦϯά͢Δͷɻ $44ͱʁ w จࣈ w ৭ w ϨΠΞτ w ಈ͖
ϖʔδΛελΠϦϯά͢Δͷɻ $44ͱʁ w จࣈɿαΠζɺଠ͞ɺछྨͳͲ w ৭ɿจࣈͷ৭ɺഎܠͷ৭ɺઢͷ৭ͳͲ w ϨΠΞτɿ༨നɺฒΔͳͲ w ಈ͖ɿΞχϝʔγϣϯͳͲ
ᶃ ελΠϦϯάΛ͢ΔରΛܾΊΔ ᶄ ͲΜͳछྨͷελΠϦϯάΛ͢Δ͔ܾΊΔ ᶅ ͦͷελΠϦϯάͷΛܾΊΔ $44ʹΑΔελΠϦϯάͷํ๏ ͜ΕΛ࣍ͷΑ͏ͳॻ͖ํͰද͢ʢ࣍ͷϖʔδˠʣ
$44ͷॻ͖ํ h1 { color: red; font-size: 80px; } ᶃIʹରͯ͠ ᶄ৭Λ
ᶅʹ͢Δ ᶄจࣈαΠζΛ ᶅQYʹ͢Δ ೖྗ͕େมͦ͏͚ͩͲɺ)5.-ͱಉ༷λϒΩʔ͕͑·͢ʂৄ͘͠ϏσΦͰʂ ඍົͳ৭߹͍Λදݱ͢ΔͨΊʹ Λͬͯࢦఆ͠·͢ɻ SFEͱಉ͡Gɺ গ͠μʔΫͳGͰද͞Ε·͢ɻ
$44ͷ༻ޠ h1 { color: red; font-size: 80px; } ᶄϓϩύςΟ ᶅ
ηϨΫλͷه๏ͱϓϩύςΟͷछྨΛ֮͑Εɺࣗ༝ࣗࡏʹελΠϦϯά͕Ͱ͖ΔΑ͏ʹͳΓ·͢ɻ ࣝΛετοΫ͍͖ͯ͠·͠ΐ͏ʂ ᶃηϨΫλ
$PEF1FOͰͬͯΈΑ͏ ͦ͠͏͚ͩͲɺश͏ΑΓ׳ΕΖͷਫ਼ਆͰɻ ॻ͖ଓ͚Εɺࣗવͱ֮͑ΒΕ·͢ɻ
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
400
Digital Design 2022-01
mathatelle
0
290
Yoshimura Lab. 2022
mathatelle
0
1.4k
create-website-html-2021
mathatelle
0
180
Multiple pages
mathatelle
0
730
How to design the individual page
mathatelle
1
130
CodePen: Making your portfolio 2021
mathatelle
0
170
single page
mathatelle
0
900
How to optimize images for Better Web Design
mathatelle
0
2.2k
Other Decks in Programming
See All in Programming
オーケストレーション記述言語 Katari
yukikurage
0
260
Zero-Tap Sign-In対応、結局何をすればいいの?
mitohato14
0
2.1k
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
hal_spidernight
1
170
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか?〜 / Introduction to IaC in the AI Era
akihisaikeda
6
1.5k
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
l2hyunwoo
0
260
クラウドゲーミングのパフォーマンス最適化に挑む / Cloud Gaming Performance Tuning
vivion
0
330
はじめてのPLATEAU
nokonoko1203
1
650
AIで開発が速くなった先で、開発チームは何を目指すか
shihochan
1
2k
小さなアプリを作って公開するまで
onozaty
0
170
Next.js: The final boss of Web Performance
guaca
0
400
Enforcing Your Architecture with Unit Tests in the AI Era (Swift Connection X)
steliosf
PRO
1
170
Crash Auto Pipelines
veronikapj
1
410
Featured
See All Featured
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.8k
The Invisible Side of Design
smashingmag
301
52k
Making the Leap to Tech Lead
cromwellryan
135
10k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
330
The agentic SEO stack - context over prompts
schlessera
0
1k
Documentation Writing (for coders)
carmenintech
77
5.6k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.3k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.8k
Testing 201, or: Great Expectations
jmmastey
46
8.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
4 Signs Your Business is Dying
shpigford
187
23k