LuckXinXin的博客

原创 写一个表格以及对应的CSS，是表格奇数行为白色背景，偶数行为灰色，鼠标移上去为黄色背景。

CSSHTML3.结果

原创 text-align：center和line-height有什么区别？

text-align是水平对齐，line-height是行间。

原创 display属性有哪些？可以做什么？

display：block 行内元素转换为块级元素display：inline 块级元素转换为行内元素display:inline-block 转为内联元素

原创 浏览器的标准模式和怪异模式之间的区别是什么？

答：盒子模型，渲染模式的不同。盒子模型，渲染模式的不同。浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。标准模式：浏览器按W3C标准解析执行代码；怪异模式：使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以称之为怪异模式。浏览器解析时使用标准模式还是怪异模式，与网页中的DTD声明直接相关，DTD声明定义了标准文...

原创 CSS的基本语句构成是？

选择器{属性1：值1；属性2：值2；…}

原创 列出display的值，说明他们的作用。position的值，relative和absolute定位原点是？

block 象块类型元素一样显示。none缺省值。象行内元素类型一样显示。inline-block象行内元素一样显示，但其内容象块类型元素一样显示。list-item象块类型元素一样显示，并添加样式列表标记。position的值*absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。*fixed（老的IE不支持）生成绝对定位的元素，相对于浏览...

原创 如何居中div，如何居中一个浮动元素？

给div设置一个宽度，然后添加margin：0 auto属性居中一个浮动元素确定容器的宽高：宽500 高300设置外边距

原创 CSS选择符有哪些？那些属性可以继承？优先级算法如何计算？CSS新增伪类有哪些？

答：id选择器（#myid）类选择器（.myclassname）标签选择器（div,h1,p）相邻选择器（h1+p）子选择器（ul<li）后代选择器（li a）通配符选择器（*）属性选择器（a[rel = "external’]）伪类选择器 （a:hover,li:nth-child)*可继承：font-size，font-family，color，ul，li,...

原创 BFC是什么？

BFC（块级格式化上下文），一个创建了新的BFC的盒子是独立布局的，盒子内元素的布局不会影响盒子外面的元素。在同一个BFC中的两个相邻的盒子在垂直方向发生margin重叠的问题。BFC是指浏览器中创建的一个独立的渲染区域，该区域内所有元素的布局不会影响到区域外元素的布局，这个渲染区域只对块级元素起作用。...

原创 前端页面有哪三层构成？分别是什么？

答：HTML—结构层CSS----表现层JS-----行为层

原创 行内元素有哪些？块级元素有哪些？CSS的盒模型？

行内元素：a,b,br,i,span,input,select等等。块级元素：div，p,h1,h2,h3,h4,form，ul等等。CSS盒模型：内容，border，margin，padding。

原创 盒子模型的简介。

CSS的盒子模型有两种：IE盒子模型，标准的W3C盒子模型。盒模型：内容，内边距，外边距（一般不计入盒子实际宽度），边框。

原创 CSS中link和@import的区别是？

link属于HTML标签，而@import是CSS中提供的。在页面加载的时候，link会同时被加载，而@import引用的CSS会在页面加载完成后才会加载引用的CSS。@import只有在IE5以上才可以被识别，而link是HTML标签，不存在浏览器兼容性问题。link引入样式的权重大于@import的引用（@import是将引用的样式导入当前的页面中）...

原创 display：none与visibility：hidden的区别是什么？

display：隐藏对应的元素但不挤占该元素原来的空间。visibility：隐藏对应的元素并且挤占该元素原来的空间。即，使用CSS的display：none属性后，HTML元素（对象）的宽度，高度等各种属性值都将“丢失”；而使用visibility：hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而他所占据的空间位置仍然存在。...

原创 Sass,Less是什么？大家为什么要使用他们？

他们是CSS预处理器。他们是CSS上的一种抽象层。他们是一种特殊的语法/语言编译成CSS。例如：less是一种动态样式语言，将CSS赋予了动态语言的特性，如变量，继承，运算，函数，less既可以在客户端上运行（支持IE6+，webkit，Firefox），也可以在服务端运行（借助Node.js）。为什么要使用他们？结构清晰，便于扩展。可以方便的屏蔽浏览器私有语法差异。可以轻松实现多重继...

原创 px和em的区别。

px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em的值不是固定的，并且em会继承富集元素的字体大小。浏览器的默认字体高都是16px。所以未经调整的浏览器都符合：1em=16px。那么12px=0.75em，10px=0.625em。...

原创 如何垂直居中一个浮动元素？

//方法一：已知元素的宽高//方法二：未知元素的宽高那么，如何垂直居中一个img？（用更简便的方法。）

原创 CSS中可以让文字在垂直和水平方向上重叠的两个属性是什么？

垂直方向：line-height水平方向：letter-spacing那么，letter-spacing的妙用有哪些？答：可以用来消除inline-block元素间的换行符空格间隙问题。

原创 行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？

·块级元素（block）特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示；宽度（width），高度（height），内边距（padding）和外边距（margin）都可以控制；内联元素（inline）特性：和相邻的内联元素在同一行；宽度（width），高度（height），内边距的top/bottom（padding-top/padding-bottom）和外边距...

原创 超链接访问过后hover样式就不出现的问题是什么？如何解决？

被点击访问过后的超链接样式不在具有hover和active了，解决方法是改变CSS属性的排列顺序：L-V-H-A(link，visited,hover,active)

原创 CSS可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？

最基本的：设置display属性为none，或者设置visibility属性为hidden。技巧性：设置宽高为0，设置透明度为0，设置z-index位置为-10000。

原创 CSS选择器的优先级是怎么定义的-例2的答案及解析。

答案：red解析：与样式定义在文件中的先后顺序有关，即是后面的覆盖前面的，与在中的先后关系无关。

原创 CSS选择器的优先级是怎么定义的？

基本原则：一般而言，选择器越特殊，它的优先级越高。也就是选择器指向的越精确，它的优先级就越高。复杂的计算方法：用1表示派生选择器的优先级用10表示类选择器的优先级用100表示ID选择器的优先级例如1：div.test1 .span var 优先级 1+10 +10 +1span#xxx .songs li 优先级 1+100 ...

原创 CSS都有哪些选择器？

1，派生选择器（用HTML标签申明）2，id选择器（用DOM的id申明）3，类选择器（用一个样式类名申明）4，属性选择器（用DOM的属性申明，属于CSS2，IE6不支持，不常用）出了以上的基本选择器，还有一些扩展的选择器，包括：5,后代选择器（利用空格间隔，比如div .a{}）6,群组选择器（利用逗号间隔，比如p,div,#a{}）...

原创 有哪些方式可以对一个DOM设置它的CSS样式？

1，外部样式表，引入一个外部CSS文件。2，内部样式表，将CSS代码放在标签内部。3，内联样式，将CSS样式直接定义在HTML元素内部。

原创 在CSS/JS代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次JS请求在一般情况下有哪些地方会有缓存处理？

dns缓存，cdn缓存，浏览器缓存，服务器缓存。

原创 Cookie，sessionStorage和localStorage的区别？

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。Web Storage和Cookie的区别Web storage的概念和co...

原创 为什么利用多个域名来存储网站资源会更有效？

1，CDN缓存更方便2，突破浏览器并发限制3，节约cookie带宽4，节约主域名的链接数，优化页面响应速度5，防止不必要的安全问题

原创 img的alt与title有何异同？strong与em的异同？

alt（alt text）：为不能显示图像，窗体或applets的用户代理（UA），alt属性用来指定替换文字，替换文字的语言由lang属性指定。（在IE浏览器下会在没有title时把alt当场tool tip显示）title(tool tip)：该属性为设置该属性的元素提供建议性信息。strong:粗体强调标签，强调，表示内容的重要性。em：斜体强调标签，更强烈的强调，表示内容的强调点。...

原创 Div+Css的布局较table布局有什么优点？

改版的时候更方便，只需要改CSS的文件。页面加载的速度更快，结构化清晰，页面显示简洁。表现与结构相分离。易于优化（seo）搜索引擎更友好，排名更容易靠前。...

原创 主流浏览器的内核

IE：trident内核Firefox：gecko内核Safari：webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome：Blink内核(基于webkit,Google 与Opera Software共同研发)...

原创 NODE.JS的安装问题

原创 Node.js简介

简介•Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。• Node采用Google开发的V8引擎运行js代码，使用事件驱动、非阻塞和异步I/O模型等技术来提高性能，可优化应用程序的传输量和规模。• Node大部分基本模块都用JavaScript编写。在Node出现之前，JS通常作为客户端程序设计语言使用，以JS写出的程序常在...

原创 HBuilder几个常见的快捷操作

①.新建项目：ctrl+N+W(web端)ctrl+N+A(移动端项目)②.新建文件：鼠标点击目标目录/项目目录，ctrl+n+h(新建html文件)ctrl+n+j(新建js文件)ctrl+n+c(新建css文件)③.打开文件夹项目在Hbuilder浏览：直接拖拽进来④.编辑常用快捷键Hbuilder快捷键命令：ctrl+shift+L边看边改模式：ctrl+p(打开) ...