16日作业

一、问答作业

1、
HTML:超文本标记语言
XHTML:在原有的HTML上进行了小小的扩展 变得更 加严谨
HTML5:第五代HTML

2、
<!ductype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>

</body>
</html>

3、
HTML注释:
CSS注释:/* 注释内容 */

4、
行间:麻烦 在body内
<div style="width : 200px; height : 200px;border : 8px solid red;background : red;"></div>

内部:上面写代码 下面写名称和元素
<head>
<meta charset="utf-8">
<title>标题</title>
<style> 内部上面写代码

div1{

width:100px;

}
</style>
</head>
<body>
<div id="div1">内容</div> 内部下面写名称和元素
</body>

外部(实际应用):在head里<link rel="stylesheet" href="此处有链接"/>

5、
background-color 背景颜色
background-position 位置
background-size 尺寸
background-repeat 重复背景图像
background-origin 定位区域
background-clip 绘制区域
background-attachment 固定或者随着页面的其余部分滚动
background-image 背景图像(当既有背景颜色也有背景图片时 背景图片更高级)

6、
border-width 宽度
border-color 颜色
border-style 样式:
dotted 点状边框 在大多数浏览器中呈现为实线
dashed 虚线 在大多数浏览器中呈现为实线
solid 实线

7、
CSS:层叠样式表

8、
CSS属性:高度、宽度、过渡、背景、边框、字体。。。

9、
万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。
  对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

10、
谷歌浏览器内核:Blink
IE浏览器内核:Trident
火狐浏览器内核:Gecko
苹果浏览器内核:WebKit
Safari浏览器内核:KHTML

二、编程作业:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>16日作业</title>
<style>

div0{

width:134px;
height:1015px;
}

div1{

width:134px;
height:79px;
background:url(a-1.png)16px 21px no-repeat ;
border-bottom:2px solid #f0f0f0;
}

div2{

width:134px;
height:152px;
background:url(a-2.png) 27px 41px no-repeat;
border-bottom:2px solid #f0f0f0;
}

div3{

width:134px;
height:152px;
background:url(a-3.png) no-repeat 36px 27px;
border-bottom:2px solid #f0f0f0;
}

div4{

width:134px;
height:152px;
background:url(a-4.png) no-repeat 31px 20px;
border-bottom:2px solid #f0f0f0;
}

div5{

width:134px;
height:152px;
background:url(a-5.png) no-repeat 36px 20px;
border-bottom:2px solid #f0f0f0;
}

div6{

width:134px;
height:152px;
background:url(a-6.png) no-repeat 31px 25px ;
border-bottom:2px solid #f0f0f0;
}

div7{

width:134px;
height:152px;
background:url(a-7.png) no-repeat 34px 24px ;
border-bottom:2px solid #f0f0f0;
}
</style>
</head>

<body>

<div id="div0">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>
<div id="div7"></div>
</div>
</body>
</html>

链接: https://pan.baidu.com/s/1i4U2RPz 密码: f48f

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容