問題1:HTML即超文本標(biāo)記語(yǔ)言,是 WWW 的描述語(yǔ)言;
XHTML即可拓展超文本標(biāo)記語(yǔ)言靡努,是一種置標(biāo)語(yǔ)言,表現(xiàn)方式與超文本標(biāo)記語(yǔ)言 (HTML)類似晓折,不過語(yǔ)法上更加嚴(yán)格惑朦;
HTML5即萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改
問題2漓概、3:
HTML basic document
<html>
<style>
#div1{
width:500px;
height:300px;
background-color:#033;/*css注釋:背景顏色*/
background-image:url('2345下載/1477826909394.jpg')/*默認(rèn)狀態(tài)下漾月,圖片會(huì)平鋪于整個(gè)畫面*/
background-repeat:no-repeat;
/*no-repeat不平鋪
repeat-x平鋪于x軸
reoeat-y平鋪于y軸*/
}
background-attachment:fixed;
background-position:50px center;
</style>
<head>
<meta charest = "utf-8"/>
<title>標(biāo)題</title>
</head>
<body>
<!--html注釋-->
content
<div id="div1">型號(hào)</div>
</body>
</html>
問題4:一般來說只有3種:
1.引入樣式表,在樣式表中編寫樣式
<link href="css/style.css" rel="stylesheet" type="text/css">
2.在Html頭部用<style></style>包起來
<style type="text/css">
*{
padding: 0;margin: 0
}
</style>
3. 在標(biāo)簽里面直接編寫行內(nèi)樣式
<div style="color: #033"><div>
問題5:
body{
background-image
backgound-color
background-repeat
background-position
background-attachment
}
問題6:
border-width:10px;
border-style:dotted;
/*屬性值有solid(實(shí)線),dotted(點(diǎn)狀),double(雙線),dashed(虛線)*/
border-color:red;
問題7胃珍、8:
css即層疊樣式表
字體屬性:font-family ; font-style ; font-variant ; font-weight ; font-size
顏色和背景屬性:color ; background-color ; background-image background-repeat ; background-position ; background-attachment
邊距屬性:margin-top ; margin-right ; margin-bottom ; margin-left
問題9:
網(wǎng)頁(yè)主要由三部分組成:結(jié)構(gòu) 梁肿、表現(xiàn)和行為。對(duì)應(yīng)的標(biāo)準(zhǔn)也分三方面:結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言主要包括 XHTML和XML堂鲜;表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言主要包括CSS栈雳;行為標(biāo)準(zhǔn)主要包括對(duì)象模型(如W3C DOM)、ECMAScript等缔莲。這些 標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布哥纫,也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn),比如ECMA的ECMAScript標(biāo)準(zhǔn)。
問題10:
IE瀏覽器蛀骇、谷歌瀏覽器厌秒、火狐瀏覽器、遨游瀏覽器擅憔、歐朋瀏覽器鸵闪;
IE、遨游:Trident內(nèi)核暑诸;
谷歌(Google)蚌讼、歐朋:WebKit內(nèi)核;
火狐:Gecko內(nèi)核个榕。
編程題
<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8" />
<title>text1</title>
</head>
<style>
div{
width:134px;
height:152px;
background:#f9f9f9;
border-bottom: 2px solid #f0f0f0;
}
#epp{ height:79px;
font-size:18px;
padding-top:20px;
text-align:center;
background: #f9f9f9;}
#app1{background: #f9f9f9 url(text1_03.png) no-repeat 27px 41px;}
#app2{background: #f9f9f9 url(text1_06.png) no-repeat 27px 27px;}
#app3{background: #f9f9f9 url(text1_08.png) no-repeat 27px 20px;}
#app4{background: #f9f9f9 url(text1_10.png) no-repeat 27px 20px;}
#app5{background: #f9f9f9 url(text1_12.png) no-repeat 27px 25px;}
#app6{background: #f9f9f9 url(text1_14.png) no-repeat 27px 23px;}
</style>
<body>
<div id = "epp">更多產(chǎn)品
<div id = "app1"></div>
<div id = "app2"></div>
<div id = "app3"></div>
<div id = "app4"></div>
<div id = "app5"></div>
<div id = "app6"></div>
</div>
</body>
</html>