第四週CSS初学
29410 ワード
/span>html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style type="text/css">
#price1 {
color: red;
font-size: 40px;
}
style>
<link rel="stylesheet" href="../../css/first.css"/>
<title>css title>
head>
<body>
<P>
<span style="color: red;font-size: 40px">1span>
P>
<p>
<span id="price1">1span>
p>
<p>
<span id="price2">1span>
p>
body>
html>
/span>html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style type="text/css">
/* ID */
#price1{
color: yellow;
font-size: 20px;
text-decoration: underline;
}
style>
<link rel="stylesheet" href="../../css/first.css"/>
<title>CSS title>
head>
<body>
<p>
<span id="price1">1span>
p>
body>
html>
/span>html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style>
/* ： */
li { color: yellow}
/* ： class red */
.red{
color: red}
style>
<title> title>
head>
<body>
<ul>
<li> li>
<li class="red"> li>
<li> li>
<li class="red"> li>
ul>
body>
html>
/span>html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style>
p {
/*
，
*/
font-family: " "," ", sans-serif;
/*bold ，bolder ，
lighter 100-900*/
font-weight: bold;
/* 1、 px 2.
（ 16px）*/
font-size: 30px;
/* ，italic */
font-style: italic;
/*font（ ） font-weight， font-size，font-family
font-style，*/
/*color*/
color:black;
/* opacity
0 ，1 */
opacity:0.5 ;
}
style>
<title>title>
head>
<body>
<p>
(Starbucks) ，1
p>
body>
html>