暗記するhtml css 文字数少ないもののみ
関連タイピング
-
プレイ回数414英語長文220打
-
プレイ回数4164英語長文300秒
-
プレイ回数5923英語長文120秒
-
プレイ回数61541247打
-
プレイ回数3435短文英字90秒
-
プレイ回数488英語60秒
-
プレイ回数163英語短文30秒
-
プレイ回数349長文120秒
問題文
(<!doctype html>)
<!DOCTYPE html>
(<meta charset=”utf-8”>)
<meta charset="utf-8">
(<link rel=”stylesheet” href=”xx.css”>)
<link rel="stylesheet" href="xx.css>
(<!--html-->)
<!--html-->
(/*css*/)
/*css*/
(2020 64brand &copy;)
2020 64brand ©
(もじじったいさんしょうとは、htmlでとくしゅなきごうをひょうじしたいときにつかうもの。)
文字実態参照とは、htmlで特殊な記号を表示したいときに使うもの。
(<mark>はいらいと</mark>)
<mark>ハイライト</mark>
(<ruby>しがらき<rt>しがらき</rt>やき</ruby>)
<ruby>信楽<rt>しがらき</rt>焼き</ruby>
(text-shadow:2px 3px 4px black;)
text-shadow:2px 3px 4px black;
(よこがぎょうrow,たてがれつcol)
よこが行row,たてが列col
(めでぃあくえりとは、でばいすにおうじて、cssをかえることをいう。)
メディアクエリとは、デバイスに応じて、cssを変えることをいう。
(@media screen and (max-width:640px))
@media screen and (max-width:640px)
(どらえもんなど、いろかずがすくなく、べたぬりのがぞうは、png-8かjifでほぞん)
ドラえもんなど、色数が少なく、ベタ塗りの画像は、png-8かjifで保存
(とうかがぞうは、png-32でほぞん)
透過画像は、png-32で保存
(いろかずがおおく、ぐらでーしょんなどをたようしたがぞうは、jpegでほぞん)
色数が多く、グラデーションなどを多用した画像は、jpegで保存
(がぞうさいずのさいてきかは、あっしゅくによるようりょうしゅくしょうと、がしつとのばらんすをはかること)
画像サイズの最適化は、圧縮による容量縮小と、画質とのバランスをはかること
(ぐーぐるのさーびすの1つとして、「もばいるふれんどりーてすと」がある。)
グーグルのサービスの1つとして、「モバイルフレンドリーテスト」がある。
(けいたいのがめんに、さいとのしょーとかっとをつくるほーむあいこんのせっていがひつよう)
携帯の画面に、サイトのショートカットをつくるホームアイコンの設定が必要
(どうがへんしゅうは、adobeのpremiereやaftereffectsをつかう)
動画編集は、adobeのPremiereやAfterEffectsを使う
(たっぷりんくりょういきは、48*48いじょうのおおきさにする)
タップリンク領域は、48*48以上の大きさにする
(ふぉんとさいずを、16pxていどにおおきくしておく)
フォントサイズを、16px程度に大きくしておく
(metaようそで、viewportのせっていする)
meta要素で、viewportの設定する
(こんてんつがviewportからはみでないように、widthは%していする)
コンテンツがviewportからはみ出ないように、widthは%指定する
(flashはけいたいでみれないのでしようしない。adobeのanimateはか)
flashは携帯で見れないので使用しない。adobeのanimateは可
(iphoneには、でんわばんごうじどうにんしききのうがあるので、webでせっていをしよう。)
iphoneには、電話番号自動認識機能があるので、webで設定をしよう。
(めでぃあくえりのぶれいくぽいんとは、640px、800px,1000px)
メディアクエリのブレイクポイントは、640px,800px,1000px
(ふぁいるめいのめいめいのしかたは、たとえば、bgははいけいのことなどるーるをきめておく)
ファイル名の命名の仕方は、例えば、bgは背景のことなどルールを決めておく
(つなぎふぁいるめいはbg-1などのはいふん、あんだーばー、きゃめるしきの3つ)
つなぎファイル名はbg-1などのハイフン、アンダーバー、キャメル式の3つ
(webじょうでつかうがぞうは、そもそもがぞうをつくるかcssでじゅうぶんかけんとうするひつよう)
web上で使う画像は、そもそも画像をつくるかcssで十分か検討する必要
(りせっとcssとはぶらうざごとにすたいるがちがうのをしゅうせいすること)
リセットcssとはブラウザごとにスタイルが違うのを修正すること。
(ふるーどいめーじとは、おやようそのはばにおうじてしんしゅくするがぞうめでぃあのこと。)
フルードイメージとは、親要素の幅に応じて伸縮する画像・メディアのこと。
(img{max-width:100%;height:auto;})
img{max-width:100%;height:auto;}
(backgound-size:cover;)
backgound-size:cover;