laollc

## h3 記述の例2
h3.hoge {
	color: #000;
}

## h3 記述の例
h3.hoge {
	color: #666;
	font-size:14px;
	font-weight: bold;
	margin: 5px 0 15px 0;
	line-height: 1.25em;
}

## dfn
<section>
<p><dfn>JavaScript</dfn>はプログラミング言語の一つで、Javaとは全く別の言語である。</p>

<p>ウェブブラウザ上で動作するので、ユーザーフレンドリーなウェブサイトの構築に欠かせない存在となっている。</p>
</section>

## animation key 2
@keyframes typing {
	from { width: 0; }
}

@keyframes cursor {
	50% { border-right-color: transparent; }
}

.anime-type {
	font: bold 200% Consolas, Monaco, monospace;

## animation key 1
@keyframes typing {
	from { width: 0 }
}

.anime-type {
	font: bold 200% Consolas, Monaco, monospace;
	width: 13ch;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6s steps(13);

## col group css
.shimei {background: #d1d1d1;}
.tensu {background: #ffffda;}
.goukei {background: #ff9ca8;}

## colgroup HTML
<table>
	<caption>テスト集計</caption>
	<colgroup class="shimei" span="1">
	<colgroup>
		<col class="tensu" span="3">
		<col class="goukei" span="1">
	</colgroup>
	<thead>
		<tr>
			<th>氏名</th><th>英語</th><th>国語</th><th>数学</th><th>合計</th>

## ping effect css
.bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffae00;

## ping effect HTML
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>アニメーション・ソナー</title>
  <link rel="stylesheet" href="ping-effect.css">
 </head>
 <body>
  <div class="bg">
   <span class="ping"><p>アニメーション・ソナー</p></span>

## WordPressログインロゴ変更 login.css
#login h1 a {
	background-image: url("http://example.com/wp-content/themes/テーマ名/images/custom_logo.png") !important;
}
	h3.hoge {
	color: #666;
	font-size:14px;
	font-weight: bold;
	margin: 5px 0 15px 0;
	line-height: 1.25em;
	}
	<section>
	<p><dfn>JavaScript</dfn>はプログラミング言語の一つで、Javaとは全く別の言語である。</p>

	<p>ウェブブラウザ上で動作するので、ユーザーフレンドリーなウェブサイトの構築に欠かせない存在となっている。</p>
	</section>
	@keyframes typing {
	from { width: 0; }
	}

	@keyframes cursor {
	50% { border-right-color: transparent; }
	}

	.anime-type {
	font: bold 200% Consolas, Monaco, monospace;
	@keyframes typing {
	from { width: 0 }
	}

	.anime-type {
	font: bold 200% Consolas, Monaco, monospace;
	width: 13ch;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6s steps(13);
	.shimei {background: #d1d1d1;}
	.tensu {background: #ffffda;}
	.goukei {background: #ff9ca8;}
	<table>
	<caption>テスト集計</caption>
	<colgroup class="shimei" span="1">
	<colgroup>
	<col class="tensu" span="3">
	<col class="goukei" span="1">
	</colgroup>
	<thead>
	<tr>
	<th>氏名</th><th>英語</th><th>国語</th><th>数学</th><th>合計</th>
	.bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffae00;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>アニメーション・ソナー</title>
	<link rel="stylesheet" href="ping-effect.css">
	</head>
	<body>
	<div class="bg">
	<span class="ping"><p>アニメーション・ソナー</p></span>
	#login h1 a {
	background-image: url("http://example.com/wp-content/themes/テーマ名/images/custom_logo.png") !important;
	}