02 2020 档案
摘要：外边距重叠就是margin-collapse 在css中，相邻的两个盒子可能是兄弟也可能是祖先关系，他们的外边距可以结合成一个单独的外边框。这种合并外边距的方式被称为折叠，因而，所结合成的外边距称为折叠外边距。 折叠结果遵循下列计算规则： 两个相邻外边距都是正数时，折叠结果是他们两之间的较大的值 两
阅读全文
摘要：左侧浮动或者绝对定位，右侧通过margin撑开 使用flex 使用<div>包含，然后靠margin形成bfc（百科：block formatting context块级格式化上下文 bfc是一个独立的渲染区域，只有block-level box参与，他规定了包括内部的block-level box
阅读全文
摘要：伪类表示状态 伪元素是真的有元素 前者单冒号，后者双冒号
阅读全文
摘要：宣传，品牌，banner（横幅广告）等固定文案 字体图标
阅读全文
摘要：均具有“变量”，“混合”，“嵌套”，“继承”，“颜色混合”五大基本特性 scss和less语法较为严禁，less要求一定要使用大括号“{}”，scss和stylus可以通过缩进表示层次与嵌套关系 scss没有全局变量的概念，less和stylus有类似于其他语言的作用域概念 sass是基于ruby语
阅读全文
摘要：优点是可以加密，减少了http请求 缺点是需要消耗cpu进行编解码 适用于小图片 base的体积约为原图的4/3
阅读全文
摘要：对于影响页面呈选的因素有三个地方：服务器连接数据库并计算返回数据，http请求以及数据（文件）经过网络传输，文件在浏览器中计算渲染呈选；其中大约80%的时间都消耗在了http的请求上，所以要想大幅度的优化页面，必须从http请求上入手
阅读全文
摘要：！important规则最重要，大于其它规则 行内样式规则，加1000 eg，<html> <head> </head> <body> <h3>站长中心</h3><p style="padding-left: 60;color: blue">站长 </p> </body></html> 对于选择器中
阅读全文
摘要：多数显示器默认的频率是60hz，即1秒刷新60次，所以理论上最小的时间间隔是1/60*1000ms = 16.7ms
阅读全文
摘要：<a> 标签的 target 属性规定在何处打开链接文档。 1、“_blank”的意思： 浏览器总在一个新打开、未命名的窗口中载入目标文档。 2、“_parent”的意思： 这个目标，使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self
阅读全文
摘要：（百科： 在CSS布局中，如果我们想要将一些元素在同一行显示，其中的一种方法就是把要同行显示的元素设置display属性为inline-block，但是你会发现这些同行显示的inline-block元素之间经常会出现一定的空隙，这就是“换行符/空格间隙问题”。 display：inline；强制变成
阅读全文
摘要：（absolute：生成绝对定位的元素） position属性用来规定元素的定位类型和方式 ①position：static 默认值，没有定位，元素出现在正常的流中； ②position：fixed 固定定位 是相对于浏览器窗口来进行定位； ③position：relative 相对定位 相对于其本
阅读全文
摘要：浮动的框可以向左或者向右移动，直到她的外边缘碰到包含框，或者另一个浮动的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。浮动的块框会漂浮在文档普通流的块框上。
阅读全文
摘要：优先级就近原则，同权情况下样式定义最近者为准 载入样式以最后载入的定位为准 优先级：！important>id > class >tag; !important比内联优先级高 （百科： 内联css样式就是将css样式写在html的开始标签中 eg，<p style = "color:red;">这里
阅读全文
摘要：有两种，IE盒子模型，另外是W3C盒子模型： 盒模型都包括：内容（content），填充（padding），边界（margin），边框（border）； 区别：IE的content部分吧border和padding计算进去了，w3c宽高加上border和padding才是盒子大小；
阅读全文
摘要：block：转换成块状元素 inline：装换成行内元素 none：设置元素不可见 inline-block：想行内元素那样显示，但是其内容像块类型元素一样显示 list-item：想块类型元素一样显示，并添加样式列表标记 table：此元素会作为块级表格来显示 inherit：规定应该从父元素继承
阅读全文
摘要：（display属性设置元素如何显示） 如果display取值为none，那么position和float都不起作用，这种情况下元素不产生框 否则，如果position设置框是绝对定位，float的计算值就为none，display根据下面的表格进行调整 否则，float不是none，框是浮动的，d
阅读全文
摘要：Flash of Unstyled Content ：用户定义样式表加载之前浏览器使用默认样式显示文档，用户样式加载渲染之后再重新显示文档，造成页面闪烁 解决办法：把样式表放到文档的<head>标签内
阅读全文
摘要：联系：他们都能让元素不可见 区别： display：none；会让元素从渲染树中消失，渲染的时候不占据任何空间； visibility：hidden；不会让元素从渲染树中消失，渲染时袁旭继续占据空间，知识内容不可见了； display：none；是非继承属性，子孙节点消失是由于元素从渲染树中消失造成
阅读全文
摘要：（百科：csssprite是一种网页图片应用处理方式，国内常叫css精灵。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。）
阅读全文
摘要：h1 en {color:red} <h1>this is a <em>important</em> heading</h1> <p>This is a <em>important</em> paragraph.</p>
阅读全文
摘要：（百科：域名：domain name，又称为网域，是由一串用点分隔的名字，组成的Internet上某一台计算机或者计算机组的名称，用于在数据传输时对计算机的定位标识（有时也指地理位置）。 尽管IP地址能够唯一地标记网络上的计算机，但由于ip地址具有不方便记忆，且不能显示地址组织的名称和性质等缺点，人
阅读全文
摘要：alt（alt text）：为不能显示的图像，窗体或者applets的用户代理，alt属性用来指定替换文字。替换文字的语言用lang属性来指定。 eg：下例中将图像作为链接来使用 <a href="/example/html/lastpage.html"><img border="0" src="/
阅读全文
摘要：改版的时候更加方便，只要改css文件 页面加载速度更快，结构化清晰，页面显示简洁 表现与结构相分离 易于搜索引擎优化，排名更靠前
阅读全文
摘要：15，你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么？ ie：trident内核 Firefox：gecko内核 Safari:webkit内核 Opera:以前是presto内核，Opera现已改用Google - Chrome的Blink内核 Chrome:Blink(基于webkit
阅读全文
摘要：set viewport：~是一种函数，功能是为图形输出设置当前视口。 怎样处理移动端1px被渲染成2px的问题（略）
阅读全文
摘要：12，网页验证码是干嘛的，是为了解决什么安全问题？ 区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码，刷票，论坛灌水 有效防止黑客对某一个特定注册用户，用特定程序暴力破解方式，进行不断地登陆尝试
阅读全文
摘要：11，html5为什呢只需要写<!DOCTYPE HTML> html5不基于SGML，不需要对dtd（百科：翻译为文档类型定义，作用是定义xml文档的合法构建模块，成行声明于xml文档中，也可以作为一个外部引用）进行引用，但是需要doctype来规范浏览器的行为 而html4.01基于sgml，需
阅读全文
摘要：10，html全局属性（global attribute，html属性赋予元素意义和语境，html全局属性可以用于任何的html元素）有哪些 class：为元素设置类标识 data-*：为元素增加自定义属性 id：元素id，文档内唯一 lang：元素内容的语言 style：行内css样式 title
阅读全文
摘要：9，行内元素，块级元素，空元素，行内元素和块级元素有什么区别？ 行内元素有： a b span img input select strong 块级元素有：div ul ol li dl dt dd（百科：dl dt dd 是以组合标签，使用了dt dd，最外层就必须用dl包裹，是一种与table表
阅读全文
摘要：8，xhtml和html有什么区别 功能上有差别：xhtml可以兼容各大浏览器，手机，以及pda，浏览器也能快速准确地翻译网页 书写嘻惯的差别：xhtml必须正确的嵌套，闭合，区分大小写，文档必须有根元素
阅读全文
摘要：7，请描述下cookies，sessionStorage和localStorage的区别 首先，cookie是网站为了标识用户身份而储存在用户本地终端（client side，百科： 本地终端指与计算机地理位置相距较近，不需要经过调制解调器而与主计算机直接相连的一种终端； 调制解调器：~是调制器和解
阅读全文
摘要：6，html5的离线储存怎么用 客户端：（百科：或称为用户端，是指与服务器相对应，为客户提供本地服务的程序。除了一些只在本地运行的应用程序，一般安装在客户机上，需要与服务端配合运行） 在用户没有和因特网连接时，可以正常访问站点（百科：网页中~是easysite内容管理平台主要管理的逻辑单元，站点管理
阅读全文
摘要：5，介绍一下你对浏览器结构以及浏览器内核的理解 结构：用户界面 —> 浏览器引擎—>渲染引擎 渲染引擎上有: 网络 js解析器 >也称浏览器内核 浏览器引擎上有：数据持久层（帮助浏览器存储数据 如cookie等） 内核主要分成两部分：渲染引擎和js引擎。 渲染引擎是负责取得网页的内容（html，xm
阅读全文
