问答作业 2017.1.16

• 分别说出什么是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的基本结构是

concent-内容

• HTML中的注释和CSS中的注释
  html注释：

CSS注释：

/* CSS注释内容 */

• CSS中的引入方式有哪些？说出他们的区别和语法
  在HTML中引入CSS的方式主要有三种：
  1.行间样式

aaa

特点:这种方式没有体现出CSS的优势，不推荐使用。
2.内部样式

特点：排列整齐，可多人完成编程，但不易修改。
3.外部样式

特点：使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会象导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。

• 背景图片有哪些子属性？
  1．背景颜色：background-color
  语法： {background-color:数值}
  说明： 参数取值和颜色属性一样
  注意： 在 HTML当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。这样做比较麻烦，不但代码较多，还要为表格的大小和定位伤些脑筋。现在用CSS就可以轻松地直接搞定了，而且对象的范围很广，可以是一段文字，也可以只是一个单词或一个字母。
  例子：
  给部分区域加背景颜色
  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属性有：

1. 颜色和背景属性
   Color
   Background-color
   Background-image
   Background-repeat（-x/-y/no）
   Background-attachment
   Background-position
2. 边框属性
   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