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
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
370
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
150
Multiple pages
Avatar for Masateru YOSHIMURA mathatelle
0
700
How to design the individual page
Avatar for Masateru YOSHIMURA mathatelle
1
100
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.1k

Other Decks in Programming

See All in Programming
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
Avatar for Takashi uhucream
0
170
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
Avatar for Shia riseshia
0
160
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
Avatar for Masayuki Izumi izumin5210
0
640
開発生産性を上げるための生成AI活用術
Avatar for starfish719 starfish719
1
200
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
2
220
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
400
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
Avatar for えいえい ei_ei_eiichi
0
380
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
3
1.1k
私はどうやって技術力を上げたのか
Avatar for Yusuke Wada yusukebe
43
18k
Swift Concurrency - 状態監視の罠
Avatar for Yuki Yasoshima objectiveaudio
2
490
SpecKitでどこまでできる？ コストはどれくらい？
Avatar for Tech Leverages leveragestech
0
620
2分台で1500examples完走！爆速CIを支える環境構築術 - Kaigi on Rails 2025
Avatar for Hayato OKUMOTO falcon8823
3
3.4k

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.5k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
680
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
5
200
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k

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