Webプログラミング(T位置1)


💻 学習内容


🛫 GIT-HUB


HTML | twitch_header
CSS | twitch_header
HTML | twitch_left
CSS | twitch_left

CSSデフォルト

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #0e0e10;
}

ol, ul {
	list-style: none;
}

a{
	text-decoration: none;
}

img {
	vertical-align: top;
}

input {
	outline: none;
	border: none;
}

button {
	outline: none;
	border: none;
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6, p, span, input, button, a {
	color: #ffffff;
}

.btn_purple {
	background-color: #9147ff;
	color: #fff;
}

.font_purple {
	color: #9147ff;
}

T位置1



header
🖤上部nav領域にfixed(3 D領域)を適用し、width値を入力します.
ダメなら、中に書いてある大きさがwidth値になるのでレイアウトが破壊されます.
🖤これはmin-widthに値を与えるためで、ブラウザのサイズを減らすことができますが、ある点で縮小することはありません.
left
🖤position fixedはブラウザに基づいて座標を適用します.
bottom 0を与えると、強制的にスペースを増やします.純粋な3 Dのみ
高さはありません.タワーデータムを使用して全体を塗りつぶすことができます.高さの値はブラウザのサイズによって変わります.
🖤ブラウザをアップグレードする場合は、左側の領域にスクロールするしかありません.
overflow-y:auto;入れておけばいい
嘔吐すると、スクロールする必要がある場合にしか反応しません.

📝 の最後の部分


💛 初めて外国のサイトでカピカを作ったのですが、作るのが難しいので、カピカを作るのは難しいです.
jquery.scrollbarのWebサイトを使用して、tの位置に似たスクロールタイプを作成できます.