Q1. 什么是html，html发展历程

hyperText markup language 超文本标记语言

HTML是用于描述网页文档的标记语言。现在我们常常习惯于用数字来描述HTML的版本（如：HTML5），但是最初的时候我们并没有HTML1，而是1993年IETF团队的一个草案，并不是成型的标准。

两年之后，在1995年HTML有了第二版，即HTML2.0，当时是作为RFC1866

发布的。

有了以上的两个历史版本，HTML的发展可谓突飞猛进。1996年

HTML3.2成为W3C推荐标准。之后在1997年和1999年，作为升级版本的4.0和4.01也相继成为W3C的推荐标准。

 在2000年基于HTML4.01的ISO HTML
 成为了国际标准化组织和国际电工委员会的标准。
 于是被沿用至今，这期间虽然有点小的改动但大方向上终归没有什么变化。
Q2.xhtml发展历程

浏览器的兼容性问题，有很大一部分的原因是，html标签书写的不规范，导致了各自解释的不同。xhtml的出现，就是要以xml的规范来重新改写html。

HTML在HTML 4.01之后的第一个修订版本就是XHTML 1.0。

XHTML 1.0是基于HTML 4.01的，并没有引入任何新标签或属性，唯一的区别是语法，HTML对语法比较随便，而 XHTML则要求XML般的严格语法。

使用严格的语法规范并非坏事，要求开发者使用单一的代码风格，比如，HTML4.01允许你使用大写或小写字母标识标记元素和属性，XHTML则只 允许小写字母。XHTML1.0的推出刚好碰上了CSS的崛起，Web开发设计者们开始意识到Web标准问题，基于XHTML的严格语法规范被视为编写 HTML代码的最佳实践。

W3C推出XHTML 1.1

如果说XHTML 1.0是XML风格的HTML，XHTML 1.1则是货真价实的XML。这意味着XHTML 1.1无法使用 text/htmlmime-type直接输出，然而，如果Web开发者使用XMLmime-type，则当时的主流浏览器，IE则压根不支持。看上去，W3C似乎正在与当时的Web脱节。

从WebApps1.0到HTML 5

从一开始，WHATWG就和W3C走不同的路线，W3C对问题的讨论是集体投票，而WHATWG则由主笔IanHickson定度。表面上看，W3C更民主，然而事实上，各种内部纷争会使一些决议限于泥潭，在WHATWG，事情的进展会更容易，不过，主笔的权力并非无限大，他们的委员会可以 对那些过于偏执的主笔进行弹劾。

一开始，WHATWG的主要工作包括两部分，Web Forms 2.0和Web Apps 1.0，它们都是HTML的扩展，后来，他们合并到一起成为现在的HTML 5规范。在WHATWG致力于HTML 5的同时，W3C继续他们的XHTML 2.0，然而，他们慢慢地陷入困境。

2006年10月，Web之父Tim Berners-Lee发表了一篇博客文章，表示，从HTML走向XML的路是行不通的，几个月后，W3C组建了一个新的HTML工作组，他们非常明智地 选择了WHATWG的成果作为基础。这一转变带来一些困惑，W3C同时进行这两套规范，XHTML2和HTML 5（注意，W3C的HTTML5在5之前有个空格，而WHATWG的HTML 5则没有空格），而WHATWG也在进行着同样的工作。

XHTML已死：XHTML语法永存

这一混乱局面到了2009年开始变得清晰，W3C宣布终止XHTML2的工作，这是一份关于XHTML2的迟到的讣告。这一消息被那些XML的反对 者视为珍宝，他们借此嘲笑那些使用XHTML1规范的人，然而他们似乎忘记了，XHTML1和XHTML2是截然不同的东西。于此同时，XHTML1规范的制定者担心，XHTML1中的严格语法规范会被HTML 5弃用，这种担心后来证明是多余的，HTML 5既支持松散语法，也支持XHTML1般的严格语 法。（摘自下述链接）

参考https://www.cnblogs.com/btgyoyo/p/6218506.html
Q3.html编码与文档类型
charset 编码字符集： gb2312 gbk unicode utf-8
文档类型：https://www.cnblogs.com/idayln/p/3390783.html
Q4.html字符实体&标签语法&注释
字符实体  &nbsp； 
标签语法

1. 标签由英文尖括号<和>括起来，如<html>就是一个标签。

2. html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。

3. 标签与标签之间是可以嵌套的，但先后顺序必须保持一致 p标签里面不能套p标签

4. HTML标签不区分大小写，<h1>和<H1>是一样的
Q5.什么是css,css语法

css 层叠样式表 cascading style sheet

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

 Q6.如何将css应用到网页

行内  内部<style>标签引入  外部<link href = "">标签引入

Q7.CSS 选择符:class 和 id

class:允许多个标签拥有同一个class名   .

id：一个名字只能一个标签拥有            #

Q8.font 类属性 & text 类属性

font-family属性定义字体的名称，可以是一个字体的名称，也可以是一类字体的名称，字体的名称一定要和计算机系统里的完全一样：

属性名称: 'font-family'属性值: [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>]初始值: 根据用户定义而定适合对象: 所有元素是否继承: yes百分比备注: 被禁止

有些计算机系统里如果没有样式单要求的字体，可以再设一个次字体以备万一。例如：

BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }

family-name是指确定的某字体，如Heisi Mincho W3，generic-family指某一类字体，如serif。

font-style属性描述字体的倾斜程度：

属性名称: 'font-style'属性值: normal | italic | oblique初始值: normal适合对象: 所有元素是否继承: yes百分比备注: 被禁止

font-variant属性：

属性名称: 'font-variant'属性值: normal | small-caps初始值: normal适合对象: 所有元素是否继承: yes百分比备注: 被禁止

一个使用了small-caps属性的元素中的小写字母看起来要比正常的大写字母小一些。

font-weight属性用来描述字重。

属性名称: 'font-weight'属性值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始值: normal适合对象: 所有元素是否继承: yes百分比备注: 被禁止

100到900代表9种不同的字重，400代表normal，700代表bold，900是最重的字体，bolder或lighter表示字体的字重比父元素高或低一级，比如父元素字重为400，则bolder代表字重500，如果父元素本身字重为900，那么bolder后，字重还是900，同样的lighter也一样。有些字体并没有100到900那么全的字重，也许是从300到700，那么字重的最小和最大值也为300到700。例如：

P { font-weight: normal } /* 400 */H1 { font-weight: 700 } /* bold */

font-size属性描述字体的大小：

属性名称: 'font-size'属性值: <absolute-size> | <relative-size> | <length> | <percentage>初始值: medium适合对象: 所有元素是否继承: yes百分比备注: relative to parent element's font size

该属性可以使用绝对大小，也可以使用相对大小，其中绝对大小可以使用，如下关键字表示：

xx-small | x-small | small | medium | large | x-large | xx-large 分别代表最小、较小、小、中等、大、较大和最大。相对大小可以使用：larger 或smaller描述。例如：

P { font-size: 12pt; }BLOCKQUOTE { font-size: larger }EM { font-size: 150% }EM { font-size: 1.5em }

Font属性是以上属性的快捷方式，属性如下：

属性名称: 'font'属性值: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]适合对象: 所有元素是否继承: yes百分比备注: 只在font-size使用

例如：

P { font: 12pt/14pt sans-serif } P { font: 80% sans-serif }P { font: x-large/110% "new century schoolbook", serif }P { font: bold italic large Palatino, serif }P { font: normal small-caps 120%/120% fantasy }

CSS属性：

6、文本（Text）属性：

这里的属性将影响WEB文档中的文本显示情况。

text-indent属性描述文本的缩进程度：

属性名称: 'text-indent'属性值: <length> | <percentage>初始值: 0适合对象: 容器元素是否继承: yes百分比备注: 根据父元素的宽度而定

下面的例子表明段落的缩进值为3em：

P { text-indent: 3em }

Alignment属性表明文本的对齐方式：

属性名称: 'alignment'属性值: left | right | center | justify初始值: 依照用户定义适合对象: block-level elements是否继承: yes百分比备注: 被禁止

text-decoration属性描述对文本的修饰方法：

属性名称: 'text-decoration'属性值: none | [ underline || overline || line-through || blink ]初始值: none适合对象: 所有元素是否继承: no (see clarification below)百分比备注: 被禁止

属性值含义分别为：underline：下划线。overline：上划线。line-through：删除线。blink：闪烁（如同Navigator中的blink标记的功能）

text-shadow属性可以为文本加入阴影的特效：

属性名称: 'text-shadow'属性值: none | <color> [, <color> ]*初始值: none适合对象: all是否继承: No百分比备注: 只在描述透明度时有效

Q9.background 背景属性

Q10.border 边框属性

Qunar入职前自学笔记的更多相关文章

  1. 入职两个月，WPF开发感想

    1 .新工作,新开始 2.WPF初次接触以及学习MVVM开发模式 3.后台数据操作,ORACLE 存储过程(边做边学) 4.总结 4.1工作开发中的小问题 ,遇到的坑:  4.2 解决的问题,学校到的 ...

  2. 《Linux内核设计与实现》课本第四章自学笔记——20135203齐岳

    <Linux内核设计与实现>课本第四章自学笔记 进程调度 By20135203齐岳 4.1 多任务 多任务操作系统就是能同时并发的交互执行多个进程的操作系统.多任务操作系统使多个进程处于堵 ...

  3. python自学笔记

    python自学笔记 python自学笔记 1.输出 2.输入 3.零碎 4.数据结构 4.1 list 类比于java中的数组 4.2 tuple 元祖 5.条件判断和循环 5.1 条件判断 5.2 ...

  4. 《Linux就该这么学》自学笔记_ch21_使用Git分布式版本控制系统

    <Linux就该这么学>自学笔记_ch21_使用Git分布式版本控制系统 文章主要内容: 分布式版本控制系统 使用Git服务程序 提交数据 移除数据 移动数据 历史记录 还原数据 管理标签 ...

  5. 《Linux就该这么学》自学笔记_ch22_使用openstack部署云计算服务环境

    <Linux就该这么学>自学笔记_ch22_使用openstackb部署云计算服务环境 文章主要内容: 了解云计算 Openstack项目 服务模块组件详解 安装Openstack软件 使 ...

  6. 新人入职100天，聊聊自己的经验&教训

    这篇文章讲了什么? 如题,本屌入职100天之后的经验和教训,具体包含: 对开发的一点感悟. 对如何提问的一点见解. 对Google开发流程的吐槽. 如果你 打算去国外工作. 对Google的开发流程感 ...

  7. 初入职场的建议--摘自GameRes

    又开始一年一度的校招了,最近跑了几个学校演讲,发现很多话用短短的一堂职业规划课讲还远远不够,因为那堂课仅仅可能帮大家多思考怎样找到一份合适的工作,并没有提醒大家怎样在工作中发展自己的职业. 见过这么多 ...

  8. Oracle DBA从小白到入职实战应用

    现如今Oracle依然是RDBMS的王者,在技术上和战略上,Oracle仍然一路高歌猛进,并且全面引领行业迈入了云时代,伴随着12cR2即将在2016年正式发布,学习Oracle之路依旧任重道远,目前 ...

  9. Python4周 入职培训的过程

    这是我在过去几家公司招聘到工程师,Python入职培训的过程.时间分为4周,全部自学,仅提供大纲.适用于Web方向:1.Week1:读完<简明Python教程>,适应Python开发环境2 ...

随机推荐

  1. leetcode算法题01

    最近求职需要重新刷算法题,从今天开始每天至少做一个leatcode的题 如果有更好的算法或者换了语言也会更新 题目: 给定一个整数数组和一个目标值,找出数组中和为目标值的两个数. 你可以假设每个输入只 ...

  2. 括号生成(Java实现)

    题目: 给出 n 代表生成括号的对数,请你写出一个函数,使其能够生成所有可能的并且有效的括号组合. 例如,给出 n =3,生成结果为: [ "((()))", "(()( ...

  3. [数据结构] 2.2 Huffman树

    注:本文原创,转载请注明出处,本人保留对未注明出处行为的责任追究. 1.Huffman树是什么 Huffman树也称为哈夫曼编码,是一种编码方式,常用于协议的制定,以节省传输空间. A - F字母,出 ...

  4. web服务器初识

    静态元素:.html .img js css swf mp4   --->浏览器自身可以解析 动态元素:.php .jsp .cgi .asp php SQL  ---->浏览器不能直接解 ...

  5. es索引管理工具-curator

    elasticsearch-curator  是官方收购的开源社区周边产品,用来管理es的索引和快照. 官方文档:https://www.elastic.co/guide/en/elasticsear ...

  6. Vue2全家桶之二：vue-router（路由）详细教程，看这个就够了

     作者:东西里本文转载于:https://www.jianshu.com/p/514c7588e877来源:简书 转载仅供自己日后看方便.  由于Vue在开发时对路由支持的不足,于是官方补充了vue- ...

  7. wpf 实现 css3 中 boxshadow inset 效果

    using System; using System.Linq; using System.Windows; using System.Windows.Controls; using System.W ...

  8. Robot Framework--Selenium2Library库3

    1.介绍 Selenium 自动化测试工具,它主要是用于 Web 应用程序的自动化测试,但并不只局限于此,同时支持所有基于 web 的管理任务自动化.Selenium 的特点: 开源,免费 多浏览 ...

  9. HDFS的上传与下载（put & get）

    最近在做一个小任务,将一个CDH平台中Hive的部分数据同步到另一个平台中.毕竟我也刚开始工作,在正式开始做之前,首先进行了一段时间的练习,下面的内容就是练习时写的文档中的内容.如果哪里有错误或者疏漏 ...

  10. flex布局设置width无效

    子元素设置 : flex: 0 0 85px; 参数: flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto.后两个属性可选. 该属性有 ...