Lyrics

< More and better />

web

HTML

  1. <! DOCTYPE>（ Document Type Declaration）

    声明位于文档最前面，告知浏览器如何解析该文档。（是HTML 还是 XHTML)浏览器解析 HTML 文档正文之前就可以确定当前文档的类型，以决定其需要采用的渲染模式

  2. a, img 的alt 和 title 属性区别：

    alt :是img 的必须属性，(src),主要是如果页面上图片显示不出来的话，会出现文字的提示，一般性alt 都代表着图片的一些相关提示信息

    title : a 所有的属性：一般表示一些提示性信息，一般表现为鼠标在元素上面的话，会显示出来

  1. web 存储机制：

    cookie

    localstorage

    sessionstroge

  2. 浏览器兼容

    网站：can I use 查看一些css 属性的浏览器的兼容

    浏览器内核

    IE： trident -ms-：代表IE浏览器私有属性

    Firefox : gecko 内核 -moz

    Safari : webkit内核 -webkit

    Opera: 以前是 presto ，现在改为Chrom 的 Blink 内核 -o

    Chrome :Blink内核 -webkit

    Quirks 怪异模式

    IE6 之前的一种模式，（行内元素可以设置宽和高，宽度和高度包括，padding和border)

    Standards 标准模式

    IE 6之后的一种模式，现在都是遵循w3 c标准，box 的宽度是由内容的宽度和高度决定

    如何理解渐进增强和优雅降级：

    渐进增强：j就是保证低版本浏览器的基本功鞥的前提下进行对高版本的浏览器进行效果优化和事件优化，这样相对用户来说体验很好

    优雅降级： 就是开始建设是以该版本浏览器进行建设，然后对一些其他低版本的进行兼容

CSS

  1. CSS布局

    div +css 和 table 布局有什么区别？优点

    结构化清晰，页面显示简洁，便与修改，只需要修改相应的css文件。易于优化。

    性能优化

    为什么采用多个域名存储网站资源

    浏览器并发的限制，优化页面响应速度，节约cookie 带宽

  2. d两栏，左边固定100px，右边自适应

    1
    2
    3
    4
    5
    6
    7
    8
    9
    .left{
    	width:100px;
    	height:100px;
    	float:left;
    }
    .right{
    	margin-left:100px;
    	border:1px solid #ccc;
    }

  3. 上下左右居中

1
2
3
4
5
6
7
8
9
div{
	position:absolute;
	width:100px;
	height:100px;
	top:50%;
	height:50%;
	margin-top:-50px;
	margin-left:-50px;
}

  1. 几种方法生成三个并排的大小相等的元素’

    1. 1
      2
      3
      4
      div{
      width:33.3%;
      float:left;	
      }
    1
    2
    3
    4
    5
    6
    7
    .content{
    	display:flex;
    }
    .box{
    	flex:1;
    	border:1px solid #ccc;	
    }
    1. 1
      2
      3
      4
      5
      6
      7
      .a{
      	display: inline-block;
      	width:33.3%;
      	 border: solid #777 1px;
      	/*word-spacing: 0;*/
      	margin-left: -5px;
      }

  1. 你对网页规范或者什么规范化标准理解：

    开发起来有一个统一的标准，便于后期维护，而且一个规范化的语言或者体系才能更好的发展