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
Joken Web design講習会 #2 CSS
Search
ちげ
December 11, 2018
Programming
190
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Joken Web design講習会 #2 CSS
奈良高専情報処理研究会で開催した公開講座、第二回のスライド資料
https://hackmd.io/s/rkrO00t2Q
ちげ
December 11, 2018
More Decks by ちげ
See All by ちげ
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
7
1.5k
Stol - UNISYS hackathon
chige
0
400
BranCo! 2021 4位 チーム「研究の虫」発表スライド / branco-2021-slide
chige
2
2.4k
Finde neue
chige
0
290
Nuxtはいいぞ2 / nuxtjs is good 2
chige
0
330
よさみなロゴの選び方 / yosami-na-logo-no-erabikata
chige
2
730
夢LT発表スライド / yume-LT
chige
0
400
フォント入門 / intro-font
chige
3
1.1k
Mille Feuille app - HackU2019Osaka | team:forkbomb
chige
1
390
Other Decks in Programming
See All in Programming
アクセシビリティから考える情報設計
high_g_engineer
0
350
AI時代に学ぶ 好きなルール 嫌いなルール Linter編
shorty5121
0
910
AIエージェント時代のコードレビューを設計する
nogu66
6
2.6k
Intent as Code
shoppingjaws
5
710
GraphRAGのKnowledge Graphを 直接!見る/View-GraphRAG's-KnowledgeGraph-directly!
tyumugi1113
1
280
ソフトウェアラスタライザ
fadis
1
800
{ Android | Kotlin } Gradle Plugin in 2026
ryunen344
1
300
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
convto
5
5.7k
PHPプロジェクトの結合バランスを可視化する #php_night
kajitack
0
230
デプロイ直後のレイテンシスパイクを調べたら、 Railsの仕様にたどり着いた
nhsykym
0
110
Press start. Python's next generation.
willingc
PRO
3
330
思考垂れ流し開発 ~音声入力 × AIエージェント × 開発ハーネスによる試行錯誤~
npostring
0
1.1k
Featured
See All Featured
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
520
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
440
We Have a Design System, Now What?
morganepeng
55
8.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
320
The browser strikes back
jonoalderson
0
1.7k
How to train your dragon (web standard)
notwaldorf
97
6.8k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
230
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
65k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2.2k
The Spectacular Lies of Maps
axbom
PRO
1
990
Transcript
1 / 23
2 / 23
<img src=”logo.png” alt=”ロゴ”> <h1> Joken公式サイト </h1> 3 / 23
</html> </body> </head> ⾢ ⾢ <!DOCTYPE html> 4 / 23
</body> </header> </section> </section> </section> </footer> </main> </head> <nav> <menu>
<article> 5 / 23
6 / 23
7 / 23 IBDLNEJPTSLS0U2
8 / 23
<p style=”color:red;”> 赤い文字 </p> 9 / 23
<style> .red-text { color: red; } </style> ~~~~~ <p class=”red-text”>
赤い文字 </p> 10 / 23
<link rel="stylesheet” href="./sample.css"> ~~~~ <p class=”red-text”> 赤い文字 </p> 11 /
23 .red-text { color: red; }
.red-text { color: red; } セレクタ { プロパティ: 値; }
12 / 23
13 / 23 ʮ$44ϑΝΠϧͷࢦఆͷํʯΛνΣ οΫ ⾢͜͜ΛΫϦοΫͯ͠ɺ
14 / 23 h1 {/*IλάͷཁૉʹదԠ*/} p {/*QλάͷཁૉʹదԠ*/} .red-text {/*͜ͷΫϥε͕͍͍ͯΔཁૉʹదԠ*/} p.red-text
{/*Qλά͜ͷΫϥε͕͍͍ͯΔཁૉ*/} h1.red-text {/*Iλά͜ͷΫϥε͕͍͍ͯΔཁૉ*/}
15 / 23 ͳͲͳͲ p .red-text { /*͜ͷΫϥε͕͘ཁૉ͕ɺ Qλάͷதʹ͋Δ߹ʹదԠ*/ /*
ʢQλάΛʹ࣋ͭʣ */ } .red-text,.blue-text { ͲͪΒͷΫϥεͷཁૉʹదԠ }
p.sample-propaty { font-weight: bold; font-size: 30px; text-decoration-line: underline; border: 2px
double red; cursor: pointer; } 16 / 23
width: 100px; height: 100px; margin: 12px; padding: 8px; background: red;
color: #fff; 16 / 20 100px 100px あいうえお かきくけこ さしすせ そ。 17 / 23
width: 100px; height: 100px; margin: 12px; padding: 8px; background: red;
color: #fff; 16 / 20 12px 8px あいうえお かきくけこ さしすせ そ。 18 / 23
19 / 23
20 / 23
20 / 23
ίί⾣ 21 / 23
22 / 23
23 / 23 ίί⾣