zoukankan      html  css  js  c++  java
  • Qunar入职前自学笔记

    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字符实体&标签语法&注释
    字符实体    
    标签语法     

    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 边框属性

  • 相关阅读:
    JS 正则查找与替换
    MySQL 批量插入值
    Python/Django 批量下载Excel
    Python/Django 下载Excel2007
    Python/Django 下载Excel2003
    Python3安装Scrapy
    服务器响应状态码
    细说同域-同父域-跨域
    细说Ajax跨域
    PostgreSQL学习
  • 原文地址:https://www.cnblogs.com/mengmengya/p/9890527.html
Copyright © 2011-2022 走看看