そんな中本日友達と桜を見に行きます
- -画像:
101教室は1280、一般的なノートPCは横1366、いいのは1920、もっといいのは2560、スマートフォンも1920とか2560くらいのが多い。
- -DPI Dot Per Inch -1インチあたりの点の数 1インチ=2.54cm -書類なら200DPI -きれいに見たい文書 300DPI -印刷にかけたいやつ 600DPI以上（1200以上は無駄) - -6インチの画面が2560個の点を持つとき -DPIはいくつですか? - - -でけた?
- - diff --git a/0527-kadai.css b/0527-kadai.css deleted file mode 100644 index 5db2e0a..0000000 --- a/0527-kadai.css +++ /dev/null @@ -1,26 +0,0 @@ -body{ - margin-right: 30ex; - border-right-style: solid; - background-color: #f8f8ff; -} - -.menu { - position: fixed; - white-space: pre; - right: 0.2ex; - top: 0; - width: 15em; - background: #ee82ee; - color: #4b0082; - padding: 2em 2px; - margin: 1ex; -} - -h1{ - background-color: #ba55d3; - color: #f0ffff; -} - -h2{ - color: #ff00ff; -} diff --git a/0527-kadai.html b/0527-kadai.html deleted file mode 100644 index 2431eb4..0000000 --- a/0527-kadai.html +++ /dev/null @@ -1,32 +0,0 @@ - - - -ほげほげ
-へろへろ
-おしまい
-冷製パスタの季節です
-| Su | -Mo | -Tu | -We | -Th | -Fr | -Sa | -
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | -
| 8 | 9 | 10 | 11 | 12 | 13 | 14 | -
| 15 | 16 | 17 | 18 | 19 | 20 | 21 | -
| 22 | 23 | 24 | 25 | 26 | 27 | 28 | -
| 29 | 30 | 31 | -
改良版
- -| Su | -Mo | -Tu | -We | -Th | -Fr | -Sa | -
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | -
| 8 | 9 | 10 | 11 | 12 | 13 | 14 | -
| 15 | 16 | 17 | 18 | 19 | 20 | 21 | -
| 22 | 23 | 24 | 25 | 26 | 27 | 28 | -
| 29 | 30 | 31 | -
- 新しく来た社員さんが明るくて可愛くて話しやすく推せる!❗!!!!!はやく仲良くなりたいなり -
- -- -
- - - - diff --git a/kadai10.css b/kadai10.css deleted file mode 100644 index 680a6e5..0000000 --- a/kadai10.css +++ /dev/null @@ -1,10 +0,0 @@ -body{ - background-color: #f5deb3; /*背景 色指定*/ - min-height: 98vh; /*高さの最小値*/ - margin: 3ex; /*余白*/ -} - -span.check{ - background-color: #ffa500; - color: #ffa500; -} \ No newline at end of file diff --git a/kadai10.html b/kadai10.html deleted file mode 100644 index 24694a4..0000000 --- a/kadai10.html +++ /dev/null @@ -1,18 +0,0 @@ - - - -木之本桜/カードキャプターさくら
-友利奈緒/Charlotte
-黄瀬やよい/スマイルプリキュア！
-楪いのり/ギルティクラウン
-宮内れんげ/のんのんびより
- - diff --git a/kadai10.js b/kadai10.js deleted file mode 100644 index a1afcee..0000000 --- a/kadai10.js +++ /dev/null @@ -1,16 +0,0 @@ -function show(ev) { - var element = ev.target; - element.style.backgroundColor = "#ffffe0"; - } - - function addAll() { - var item; - var checks = document.getElementsByTagName("span"); - for (item of checks) { - if (item.getAttribute("class") == "check") { - item.addEventListener("click", show, false); //show()関数を呼ぶ - } - } - } - - window.onload = addAll; \ No newline at end of file diff --git a/kadai11.css b/kadai11.css deleted file mode 100644 index de8782b..0000000 --- a/kadai11.css +++ /dev/null @@ -1,93 +0,0 @@ -body{ - background-color: #f5fffa; /*背景 色指定*/ - min-height: 98vh; /*高さの最小値*/ - margin: 3ex; /*余白*/ -} - -p.kage{ - color: #191970; - font-size: 20px; - text-shadow: #6495ed 3px 3px 1px; -} - -p.maru{ - border: dashed 3px #ee82ee; /*点線*/ - border-radius: 30px 30px; /*丸める*/ - color: #483d8b; - padding-left: 1em; -} - -div.kagekage{ - box-shadow: #6495ed 3px 3px 1px; - background-color: #b0c4de; - color: #191970; - padding-left: 1em; -} - -div.marumaru{ - border: dashed #ee82ee 3px; - border-radius: 50%; - width: 5em; - height: 5em; -} - -div.marumaru p{ - color: #483d8b; - text-align: center; - padding-top: 0.9em; -} - -div.haikei{ - width: 100%; - height: 100%; -} - -div.pic{ - background: url("photo/Cloak-2021-09-09.png") no-repeat; /*繰り返さない*/ - background-size: auto; - width: 400px; - height: 300px; - position: relative; - top: 20px; - left: 10px; - opacity: 0.5; -} - -p.moji{ - width: 6.5em; - height: 1.5em; - color: #800000; - background-color: #ff8c00; - text-align: center; - font-size: 30px; - font-weight: bold; - position: absolute; - margin: auto; - top: 18.5em; - left: 5em; - z-index: 100; /*数大きい方手前*/ -} - -p.naname{ - transform: rotate(3deg); /*時計回り*/ - width: 60%; - border: dashed 3px #ee82ee; - background-color: #ffe0ff; - color: #800080; - font-weight: bold; - margin-top: 1.5em; -} - -div.mawaru{ - border: dashed 3px #ee82ee; - background-color: #ffe0ff; - color: #800080; - font-weight: bold; - text-align: center; - width: 60%; -} - -div.mawaru:hover{ - transform: rotate(-30deg); /*反時計回り*/ - transition: 2s; -} \ No newline at end of file diff --git a/kadai11.html b/kadai11.html deleted file mode 100644 index eefef1c..0000000 --- a/kadai11.html +++ /dev/null @@ -1,35 +0,0 @@ - - - -影つけたなり
-丸くなれ
- -影ついたやつ
-ころころ
-おいしいね～
- -傾いているのだ
- -マウスのせると傾くよ
-| - | mon | -tue | -wed | -thu | -fri | -
|---|---|---|---|---|---|
| 1 | -がんばる日 | -中心市街地の再生 | -がんばる日 | -- | 数値情報処理a/b | -
| 2 | -- | 相談援助の理論と方法 | -- | - | 情報デザイン論a/b | -
| 3 | -- | 経営学基礎 | -就職セミナー | -- | 経営学基礎 | -
| 4 | -- | 情報システムa/b | -- | - | - |
| 5 | -社会調査論a/b | -- | - | ゼミ | -- |
こんにちは - - なのです -
- -- い - ち - ご - ち - ゃ - ん -- -
鎌倉幕府は1192年
- -鎌倉幕府は1192年
- -1.ブロック要素とインライン要素に分けよ
-[ h1、img、a、hr、div、br、ol、span ]
-ブロック要素：h1、div、ol
-インライン要素：img、a、hr、br、span
-2.背景の色を決めるプロパティはbackground-color
- - - - \ No newline at end of file diff --git a/kadai9.js b/kadai9.js deleted file mode 100644 index 3217791..0000000 --- a/kadai9.js +++ /dev/null @@ -1,10 +0,0 @@ -/* - * kadai9-2.js - Sample program for `onload' attribute - */ -function getHeight() { //フォントの行間を返す - bodyelement = document.getElementsByTagName("body")[0]; - h = bodyelement.offsetHeight; - alert("高さ="+h) - } - getHeight(); - window.onload = getHeight; \ No newline at end of file diff --git a/main.css b/main.css deleted file mode 100644 index faa1a1c..0000000 --- a/main.css +++ /dev/null @@ -1,41 +0,0 @@ -h1 {color: #e5197f;} - -li{display: inline-block; - width: 250px; - height: 50px; - text-align: center; - background-color: #87ceeb - font-size: 16px; - line-height: 52px; - color: #e0ffff; - text-decoration: none; - font-weight: bold; - border: 2px dashed #87ceeb; - position: relative; - overflow: hidden; - z-index: 1; - } - -li:after{width: 100%; - height: 0%; - content: ""; - position: absolute; - top: 50%; - left: 50%; - background: #e0ffff; - opacity: 0; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transition: .2s; - z-index: -1; - } - -li:hover{color: #87ceeb;} - -li:hover:after{height: 240%; - opacity: 1; - } - -li:active:after{height: 340%; - opacity: 1; - } - diff --git a/matometa/0422.html b/matometa/0422.html new file mode 100644 index 0000000..7cfe82d --- /dev/null +++ b/matometa/0422.html @@ -0,0 +1,33 @@ + + + +そんな中本日友達と桜を見に行きます
+ +画像:
101教室は1280、一般的なノートPCは横1366、いいのは1920、もっといいのは2560、スマートフォンも1920とか2560くらいのが多い。
+ +DPI Dot Per Inch +1インチあたりの点の数 1インチ=2.54cm +書類なら200DPI +きれいに見たい文書 300DPI +印刷にかけたいやつ 600DPI以上（1200以上は無駄) + +6インチの画面が2560個の点を持つとき +DPIはいくつですか? + + +でけた?
+ + diff --git a/matometa/0527-kadai.css b/matometa/0527-kadai.css new file mode 100644 index 0000000..5db2e0a --- /dev/null +++ b/matometa/0527-kadai.css @@ -0,0 +1,26 @@ +body{ + margin-right: 30ex; + border-right-style: solid; + background-color: #f8f8ff; +} + +.menu { + position: fixed; + white-space: pre; + right: 0.2ex; + top: 0; + width: 15em; + background: #ee82ee; + color: #4b0082; + padding: 2em 2px; + margin: 1ex; +} + +h1{ + background-color: #ba55d3; + color: #f0ffff; +} + +h2{ + color: #ff00ff; +} diff --git a/matometa/0527-kadai.html b/matometa/0527-kadai.html new file mode 100644 index 0000000..2431eb4 --- /dev/null +++ b/matometa/0527-kadai.html @@ -0,0 +1,32 @@ + + + +ほげほげ
+へろへろ
+おしまい
+冷製パスタの季節です
+| Su | +Mo | +Tu | +We | +Th | +Fr | +Sa | +
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | +
| 8 | 9 | 10 | 11 | 12 | 13 | 14 | +
| 15 | 16 | 17 | 18 | 19 | 20 | 21 | +
| 22 | 23 | 24 | 25 | 26 | 27 | 28 | +
| 29 | 30 | 31 | +
改良版
+ +| Su | +Mo | +Tu | +We | +Th | +Fr | +Sa | +
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | +
| 8 | 9 | 10 | 11 | 12 | 13 | 14 | +
| 15 | 16 | 17 | 18 | 19 | 20 | 21 | +
| 22 | 23 | 24 | 25 | 26 | 27 | 28 | +
| 29 | 30 | 31 | +
+ 新しく来た社員さんが明るくて可愛くて話しやすく推せる!❗!!!!!はやく仲良くなりたいなり +
+ ++ +
+ + + + diff --git a/matometa/kadai10.css b/matometa/kadai10.css new file mode 100644 index 0000000..680a6e5 --- /dev/null +++ b/matometa/kadai10.css @@ -0,0 +1,10 @@ +body{ + background-color: #f5deb3; /*背景 色指定*/ + min-height: 98vh; /*高さの最小値*/ + margin: 3ex; /*余白*/ +} + +span.check{ + background-color: #ffa500; + color: #ffa500; +} \ No newline at end of file diff --git a/matometa/kadai10.html b/matometa/kadai10.html new file mode 100644 index 0000000..24694a4 --- /dev/null +++ b/matometa/kadai10.html @@ -0,0 +1,18 @@ + + + +木之本桜/カードキャプターさくら
+友利奈緒/Charlotte
+黄瀬やよい/スマイルプリキュア！
+楪いのり/ギルティクラウン
+宮内れんげ/のんのんびより
+ + diff --git a/matometa/kadai10.js b/matometa/kadai10.js new file mode 100644 index 0000000..a1afcee --- /dev/null +++ b/matometa/kadai10.js @@ -0,0 +1,16 @@ +function show(ev) { + var element = ev.target; + element.style.backgroundColor = "#ffffe0"; + } + + function addAll() { + var item; + var checks = document.getElementsByTagName("span"); + for (item of checks) { + if (item.getAttribute("class") == "check") { + item.addEventListener("click", show, false); //show()関数を呼ぶ + } + } + } + + window.onload = addAll; \ No newline at end of file diff --git a/matometa/kadai11.css b/matometa/kadai11.css new file mode 100644 index 0000000..de8782b --- /dev/null +++ b/matometa/kadai11.css @@ -0,0 +1,93 @@ +body{ + background-color: #f5fffa; /*背景 色指定*/ + min-height: 98vh; /*高さの最小値*/ + margin: 3ex; /*余白*/ +} + +p.kage{ + color: #191970; + font-size: 20px; + text-shadow: #6495ed 3px 3px 1px; +} + +p.maru{ + border: dashed 3px #ee82ee; /*点線*/ + border-radius: 30px 30px; /*丸める*/ + color: #483d8b; + padding-left: 1em; +} + +div.kagekage{ + box-shadow: #6495ed 3px 3px 1px; + background-color: #b0c4de; + color: #191970; + padding-left: 1em; +} + +div.marumaru{ + border: dashed #ee82ee 3px; + border-radius: 50%; + width: 5em; + height: 5em; +} + +div.marumaru p{ + color: #483d8b; + text-align: center; + padding-top: 0.9em; +} + +div.haikei{ + width: 100%; + height: 100%; +} + +div.pic{ + background: url("photo/Cloak-2021-09-09.png") no-repeat; /*繰り返さない*/ + background-size: auto; + width: 400px; + height: 300px; + position: relative; + top: 20px; + left: 10px; + opacity: 0.5; +} + +p.moji{ + width: 6.5em; + height: 1.5em; + color: #800000; + background-color: #ff8c00; + text-align: center; + font-size: 30px; + font-weight: bold; + position: absolute; + margin: auto; + top: 18.5em; + left: 5em; + z-index: 100; /*数大きい方手前*/ +} + +p.naname{ + transform: rotate(3deg); /*時計回り*/ + width: 60%; + border: dashed 3px #ee82ee; + background-color: #ffe0ff; + color: #800080; + font-weight: bold; + margin-top: 1.5em; +} + +div.mawaru{ + border: dashed 3px #ee82ee; + background-color: #ffe0ff; + color: #800080; + font-weight: bold; + text-align: center; + width: 60%; +} + +div.mawaru:hover{ + transform: rotate(-30deg); /*反時計回り*/ + transition: 2s; +} \ No newline at end of file diff --git a/matometa/kadai11.html b/matometa/kadai11.html new file mode 100644 index 0000000..eefef1c --- /dev/null +++ b/matometa/kadai11.html @@ -0,0 +1,35 @@ + + + +影つけたなり
+丸くなれ
+ +影ついたやつ
+ころころ
+おいしいね～
+ +傾いているのだ
+ +マウスのせると傾くよ
+| + | mon | +tue | +wed | +thu | +fri | +
|---|---|---|---|---|---|
| 1 | +がんばる日 | +中心市街地の再生 | +がんばる日 | ++ | 数値情報処理a/b | +
| 2 | ++ | 相談援助の理論と方法 | ++ | + | 情報デザイン論a/b | +
| 3 | ++ | 経営学基礎 | +就職セミナー | ++ | 経営学基礎 | +
| 4 | ++ | 情報システムa/b | ++ | + | + |
| 5 | +社会調査論a/b | ++ | + | ゼミ | ++ |
こんにちは + + なのです +
+ ++ い + ち + ご + ち + ゃ + ん ++ +
鎌倉幕府は1192年
+ +鎌倉幕府は1192年
+ +1.ブロック要素とインライン要素に分けよ
+[ h1、img、a、hr、div、br、ol、span ]
+ブロック要素：h1、div、ol
+インライン要素：img、a、hr、br、span
+2.背景の色を決めるプロパティはbackground-color
+ + + + \ No newline at end of file diff --git a/matometa/kadai9.js b/matometa/kadai9.js new file mode 100644 index 0000000..3217791 --- /dev/null +++ b/matometa/kadai9.js @@ -0,0 +1,10 @@ +/* + * kadai9-2.js - Sample program for `onload' attribute + */ +function getHeight() { //フォントの行間を返す + bodyelement = document.getElementsByTagName("body")[0]; + h = bodyelement.offsetHeight; + alert("高さ="+h) + } + getHeight(); + window.onload = getHeight; \ No newline at end of file diff --git a/matometa/main.css b/matometa/main.css new file mode 100644 index 0000000..faa1a1c --- /dev/null +++ b/matometa/main.css @@ -0,0 +1,41 @@ +h1 {color: #e5197f;} + +li{display: inline-block; + width: 250px; + height: 50px; + text-align: center; + background-color: #87ceeb + font-size: 16px; + line-height: 52px; + color: #e0ffff; + text-decoration: none; + font-weight: bold; + border: 2px dashed #87ceeb; + position: relative; + overflow: hidden; + z-index: 1; + } + +li:after{width: 100%; + height: 0%; + content: ""; + position: absolute; + top: 50%; + left: 50%; + background: #e0ffff; + opacity: 0; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transition: .2s; + z-index: -1; + } + +li:hover{color: #87ceeb;} + +li:hover:after{height: 240%; + opacity: 1; + } + +li:active:after{height: 340%; + opacity: 1; + } + diff --git a/matometa/menu.html b/matometa/menu.html new file mode 100644 index 0000000..a8ed49d --- /dev/null +++ b/matometa/menu.html @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/menu.html b/menu.html deleted file mode 100644 index a8ed49d..0000000 --- a/menu.html +++ /dev/null @@ -1,6 +0,0 @@ - \ No newline at end of file