<
html
>
< head >
< title > study 035 </ title >
< style > ...
body {...}{ color: blue; background-color: yellow; }
p {...}{ text-align: center; margin-left: 20%; margin-right: 20%; }
h1, h2, h3 {...}{ color: read; }
ul {...}{ color: green; font-weight: bold; }
</ style >
</ head >
< body >
< h1 > 欢迎来到本页 </ h1 >
< p > h1-h3都是红色。背景色为黄色,文字是蓝色。这行是左右20%居中 </ p >
< ul >
< li > 这项为绿色并加粗
< li style ="color: red;" > 这项是红色,覆盖掉默认值
< li > 恢复到以前
</ ul >
</ body >
</ html >
< head >
< title > study 035 </ title >
< style > ...
body {...}{ color: blue; background-color: yellow; }
p {...}{ text-align: center; margin-left: 20%; margin-right: 20%; }
h1, h2, h3 {...}{ color: read; }
ul {...}{ color: green; font-weight: bold; }
</ style >
</ head >
< body >
< h1 > 欢迎来到本页 </ h1 >
< p > h1-h3都是红色。背景色为黄色,文字是蓝色。这行是左右20%居中 </ p >
< ul >
< li > 这项为绿色并加粗
< li style ="color: red;" > 这项是红色,覆盖掉默认值
< li > 恢复到以前
</ ul >
</ body >
</ html >