- 分别说出什么是HTML、XHTML、HTML5
HTML：
超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言.HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件.从本质上来说,Internet（ 互联网）是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种.这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息.
XHTML
可扩展超文本标记语言.HTML是一种基本的WEB网页设计语言,XHTML是一个基于可扩展标记语言的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML）,所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性.
HTML5
标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织.WHATWG 致力于 Web 表单和应用程序,而W3C（World Wide Web Consortium,万维网联盟） 专注于XHTML2.0.在 2006 年,双方决定进行合作,来创建一个新版本的 HTML.
他们有自己各自的元素和结构. - 写出HTML的语法
HTML的基本结构是
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>
title-标题
</title>
</head>
<body>
concent-内容
</body>
</html>
- HTML中的注释和CSS中的注释
html注释：
<!-- html注释内容 -->
CSS注释：
/* CSS注释内容 */
- CSS中的引入方式有哪些？说出他们的区别和语法
在HTML中引入CSS的方式主要有三种：
1.行间样式
<div style=
"width:100px;
height:100px;
background:red;
">aaa</div>
特点:这种方式没有体现出CSS的优势，不推荐使用。
2.内部样式
<head>
<style>
#div1{
width:100px;
height:100px;
background:red;
}
</style>
</head>
特点：排列整齐，可多人完成编程，但不易修改。
3.外部样式
<link rel="stylesheet"href="链接"/>
特点：使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。
- 背景图片有哪些子属性？
1．背景颜色：background-color
语法： {background-color:数值}
说明： 参数取值和颜色属性一样
注意： 在 HTML当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。这样做比较麻烦，不但代码较多，还要为表格的大小和定位伤些脑筋。现在用CSS就可以轻松地直接搞定了，而且对象的范围很广，可以是一段文字，也可以只是一个单词或一个字母。
例子： <div style="background-color:red">给部分区域加背景颜色
2．背景图片：background-image
语法： {background-image: url(http://www.jb51.net/URL);}
说明： URL就是背景图片的存放路径。如果用“none”来代替背景图片的存放路径，将什么也不显示。
3．背景重复：background-repeat
语法： {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
作用： 背景图片重复控制的是背景图片平铺与否，也就是说，结合背景定位的控制可以在网页上的某处单独显示一幅背景图片
说明： 参数取值范围：
·no-repeat 不重复平铺背景图片
·repeat-x 使图片只在水平方向上平铺
·repeat-y 使图片只在垂直方向上平铺
注意： 如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。
4．背景固定：background-attachment
语法： {background-attachment:fixed|scroll}
说明： 参数取值范围
·fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动
·scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动
注意： 背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力，所以可以解除背景图片和文字内容的捆绑，该为和浏览器窗口捆绑。
例子： 使背景图案不随文字“滚动”的CSS
body { background: purple url(http://www.jb51.net/bg.jpg); background-repeat:repeat-y; background-attachment:fixed }
5．背景定位：background-position
语法： {background-position:数值|top|bottom|left|right|center}
作用： 背景定位用于控制背景图片在网页中显示的位置。
说明： 参数取值范围
·带长度单位的数字参数
·top：相对前景对象顶对齐
·bottom：相对前景对象底对齐
·left：相对前景对象左对齐
·right：相对前景对象右对齐
·center：相对前景对象中心对齐
·比例关系
关键字解释如下:
top left = left top = 0% 0%
top = top center = center top = 50% 0%
right top = top right = 100% 0%
left = left center = center left = 0% 50%
center = center center = 50% 50%
right = right center = center right = 100% 50%
bottom left = left bottom = 0% 100%
bottom = bottom center = center bottom = 50% 100%
bottom right = right bottom = 100% 100%
注意： 参数中的center如果用于另外一个参数的前面，表示水平居中；如果用于另外一个参数的后面，表示垂直居中。 - Border有哪些子属性 其中border-style的属性值有哪些
border-top : 1px solid black 上框
**border-bottom **: 1px solid #6699cc 下框
border-left : 1px solid #6699cc 左框
border-right : 1px solid #6699cc 右框
border: 1px solid #6699cc 四边框
border style的属性值有：边框粗细、边框样式（实线、虚线、点划线）、边框颜色 - 什么是CSS？
CSS——层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现html的一个应用）或（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力 - 你知道的CSS属性有哪些？
由于学习并不完整，现已知的CSS属性有：
- 颜色和背景属性
Color
Background-color
Background-image
Background-repeat（-x/-y/no）
Background-attachment
Background-position - 边框属性
Border-width
Border-color
Border-style
Border-top
Border-right
Border-bottom
Border-left
- 什么是W3C标准？
根据网页主要由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。 - 常见的浏览器都有哪几种，五大浏览器内核分别是什么？
常见的浏览器有IE，火狐，谷歌，苹果等...
这五大浏览器分别基于四大内核，其中IE基于Trident内核，Firefox基于Gecko内核，Chrome与Safari基于Webkit内核，Opera基于Presto内核。
额，关于学习总结部分，我记了一些笔记、我想这就是最好的总结吧、、
IMG_1551.JPG
4B42816C3E397CE36DAB007D00CEE71E.png
7E28F2BEE2822BD0FAC0DD1A62C7F6EF.png
502F3A4C1CE0559AF610BA7C0264636A.png
7E36DDE39E70A73ACC1D2B734DF6D0F7.png
网友评论