【HTML CSS】一覧表【初心者に優しい検索機能あり】 | MUKKUN QUEST
MUKKUN QUEST     

 

【HTML CSS】一覧表【初心者に優しい検索機能あり】

プログラミング

こんにちは!脱サラを目指すサラリーマンの味方、むっくんです!

独学でプログラミングを勉強する方が増えていますね!
このページを見ているという事は、貴方もその一人なんですね🎶
プログラムを組んでいると、こんなシチュエーションが必ずあると思います。

むっくん
むっくん
「あの効果を使用するには、どんな文字列を使用するんだっけ?」
むっくん
むっくん
「このタグは、どんな効果があるんだっけ?」

でも実際に検索してみると、どの解説サイトも余計な情報が多く、わかりにくくないですか?ただでさえ時間が無いのに、情報を検索するのにも時間がかかるだなんて馬鹿馬鹿しいですよね。

シンプルに!わかりやすく!即回答が欲しい!

僕自身そう感じたので、速攻で欲しい答えが得られるサイトを自分で作ることにしました💡是非ブックマークをして活用して下さい。

スポンサードサーチ

HTMLとCSSを、文字列から検索する

A B C D E F G H I  J K L M
 N O P Q R S T U V W X Y Z

HTML&CSS 【a】から始まるコード

<a>
active

HTML&CSS 【b】から始まるコード

<body>
background-color
background-image

background-size
border
border-radius
box-shadow

HTML&CSS 【c】から始まるコード

<class>
color
cursor

HTML&CSS 【D】から始まるコード

display

HTML&CSS 【f】から始まるコード

font-family
font-size
font-weight

float
flex-box
FontAwesome

HTML&CSS 【h】から始まるコード

<html>
<head>
height
hover

HTML&CSS 【i】から始まるコード

<img>
<input>
<input type=”submit” >

HTML&CSS 【L】から始まるコード

<li>
list-style
letter-spacing
line-height

HTML&CSS 【M】から始まるコード

<meta>
margin
@media

HTML&CSS 【O】から始まるコード

opacity

HTML&CSS 【p】から始まるコード

<p>
padding
position

HTML&CSS 【S】から始まるコード

< span >

HTML&CSS 【t】から始まるコード

<title>
<textarea>
text-align
transition

HTML&CSS 【U】から始まるコード

<ul>

HTML&CSS 【w】から始まるコード

width

HTML&CSS 【z】から始まるコード

z-index

効果の説明から検索する

基本中の基本

段落を作る
高さを指定する
横幅を設定する
枠線をつける
余白を入れる(枠線の内側)
余白を入れる(枠線の外側)
背景の色を変える
背景に画像を指定する(CSS)
画像を挿入する(HTML)
HTMLの冒頭に必ずつけるコード
アイコンを使用する方法(Font Awesome)

お問い合わせページでよく使用する

送信ボタンを作る
1行の入力欄を作る
複数行の入力欄を作る

タグ(要素)に対するもの

タグ(要素)に名前をつける
タグ(要素)の種類を変更する
タグ(要素)を横並びにする(float)
タグ(要素)を並び変える方法(flex-box)
タグ(要素)を左右の中央に配置する
タグ(要素)同士を重ねる
タグ(要素)が重なる際の高さを設定する
タグ(要素)を透過させる
タグ(要素)の角を丸くする
タグ(要素)に影をつける
タグ(要素)の位置を指定する
タグ(要素)を一定の場所に固定する

文字に対するもの

文字の字体を設定する
文字の色を設定する
文字の太さを設定する
文字のみを透過させる
文字のサイズを設定する
文字同士の間隔(横)を指定する
文字の行間を指定する
文字を要素の上下中央に配置する

やや特殊な効果

横幅を%で指定した時に、pading、borderを範囲に含める方法
インライン要素の配置を指定する
リストを作る
リストの初めに出る、点を消す
リンクを作成する
< a >タグのクリックできる範囲を広げる
一部分にだけCSSを適用させる
カーソルが乗った時だけCSSを発揮する方法
クリックした時だけCSSを発揮する方法
アニメーションをつける(transition)
カーソルの表示を変更する
指定された条件の時にCSSを適用する方法
レスポンシブデザイン(タブレットやスマホ用の画面サイズに対応する)設定
子要素にfloatの要素しか無い時に、親要素が高さを得る方法
ヘッダーのメニューをアイコンに変更する方法