1愧沟、meta標(biāo)簽
<meta name='keywords' content='HTML5,JacaScript,前端,Python' />
<meta name='description' content='發(fā)布H5剧腻、Js等前端相關(guān)的信息' />
?2半醉、XHTML語(yǔ)法規(guī)范
注釋?zhuān)?lt;!-- -->
3、內(nèi)聯(lián)框架
<iframe src=',??? '></iframe>
4式塌、超鏈接
<a href='鏈接網(wǎng)址' target='_blank'>網(wǎng)站</a>
(target='_blank' 在新的窗口打開(kāi)鏈接)
<center></center>(居中對(duì)齊)
5博敬、CSS
?<p style=''></p>
<style type='text/css'>
p{color:red; font-size:40px;}
</style>
<link rel='stylesheet' type='text/css' href='css/style.css' />
6、CSS語(yǔ)法
/**/(選擇器? 聲明塊)
7珊搀、開(kāi)發(fā)工具
純文本編輯器
IDE（集成開(kāi)發(fā)工具）
8冶忱、塊和內(nèi)聯(lián)
塊元素：div p h1-h6 ul li
內(nèi)聯(lián)元素（行內(nèi)元素）: a img iframe span
（p不能包含塊，a不能包含自身）
9境析、常用選擇器
/*元素選擇器*/
p{color: red;}
h1{color: blue;}
/*id選擇器*/
#p1{font-size: 20px;}
/*類(lèi)選擇器*/
.p2{color: green;}
.hello{font-size: 50px;}
/*選擇器分組（并集選擇器）*/
#p1,.p2,h1{background-color: yellow;}
/*通配選擇器*/
*{color: red;}
.p3{background-color: yellow;}
/*復(fù)合選擇器*/
span.p3{background-color: yellow;}
/*后代元素選擇器*/
#d1 span{color: greenyeelow;}
#d1 p span{font-size: 50px;}
/*子元素選擇器*/
/*IE6及以下瀏覽器不支持子元素選擇器吧*/
div > span{background-color: yellow;}
/*偽類(lèi)選擇器*/
a:link{color: yellowgreen;}
a:visited{
color: red;
/*font-size: 50px;*/
/*background-color:yellow;*/}
a:hover{color: skyblue;}
a:active{color: black;}
/*p:hover{background-color: black;}
p:active{background-color: orange;}*/
input:focus{background-color: yellow;}
p::selection{background-color: green;}
p::-moz-selection{background-color: green;}
/*偽元素*/
p:first-letter{color: red; font-size: 20px;}
p:first-line{background-color: yellow;}
p:before{ content:'唉我去';background-color: green;}
p:after{content: '我了個(gè)去';background-color: orange;}
練習(xí)1
