Ultranana-优快云博客

原创理解client、scroll和offset的差异

clientheight&widthdocument.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 网页可见区域宽度document.documentElement.clientHeight ==> 网页可见区域高度do

2017-03-19 22:38:26 728

转载 src和href的区别

href：超文本引用，用来在当前元素和文档之间建立关系或链接；常用的有：link、a。src：嵌入当前资源到当前文档元素定义的位置。在浏览器下载，编译，执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到script标签里类似。这也是建议把JS文件放到底部加载的原因。常用的有：img、script、iframe。

2017-03-19 14:35:15 374

第一步过程首先，你得在浏览器里输入要网址。第二步过程浏览器查找域名的IP地址（域名就是指输入的网址）第三步过程在请求之前，需要浏览器与服务器建立连接（TCP或者UDP）第四步过程浏览器给web服务器发送一个HTTP请求第五步过程服务器“处理”请求第六步过程服务器发回一个HTML响应.第七步过程浏览器开始显示HTML第八步过程浏览器显示HTML时，它会注意到需要获取其他地址内容的标签。这时，浏览器会发

2017-03-15 22:12:13 1125

原创伪类和伪元素的区别

概念：伪类是添加到选择器的关键字，指定要选择的元素的特殊状态。伪元素添加到选择器，但不是描述特殊状态，它们允许您为元素的某些部分设置样式。所有伪类：常见伪类:active :focus:hover :link:visited:first-child:lang不常见伪类:any:checked:default:dir():disabled:empty:enabled

2017-03-13 19:03:44 400

转载 CSS权重-学习笔记

其实，CSS有自己的优先级计算公式，而不仅仅是行间>内部>外部样式；ID>class>元素。一、样式类型1. 行间 <h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1> 2. 内联 <style type="text/css"> h1{font-size:12px; color:#000;

2017-03-13 16:00:24 370

原创 CSS继承-学习笔记

概念CSS继承指特定的CSS属性向下传递到子孙元素。有哪些CSS属性是可以继承的呢？文本相关属性是可以继承的。（font系列,letter-spacing,line-height,text-align,text-indent,text-transform,word-spacing）列表相关属性是可以继承的。（list-style系列）颜色相关属性是可以继承的。（color系列）有点不同的fo

2017-03-12 16:21:47 289

转载如何去除inline和inline-block元素的空白间距

如果需要精确布局，这个问题就比较头疼。我是知识的搬运工呀~来划重点。这两篇有助于理解出现空白间距的原理。inline-block详解和去除inline-block元素间间距的N种方法这是仅仅方便记忆解决方法。方法简洁总结总结我个人觉得在其父元素设置 font-size: 0; letter-spacing: -4px; 是最简单有效的方法

2017-03-12 14:52:26 451

原创 CSS外边距合并/重叠-学习笔记

外边距合并概念当两个垂直外边距相遇时，它们将形成一个外边距。划重点：垂直外边距。水平的不可以。外边距，只有margin。相邻的盒子，可以是兄弟关系也可能是祖先关系，甚至可以与自身发生合并。祖先关系合并的条件是，没有内边距或边框把外边距分隔开。行内元素、浮动元素或绝对定位之间的外边距不会合并。W3C详解重叠结果遵循下列计算规则：两个相邻的外边距都是正数时，折叠结果是它们两者之间较大

2017-03-11 23:47:48 497

原创 HTML元素分类

HTML元素分类面试的时候被问了一个问题，块级元素和内联元素的区别。我想这不是很简单吗，就说块级元素是占据一整行而内联元素是一个一个紧挨着（用通俗的语言说的，感觉不太专业），然后面试官又问我内联元素可以使用padding和margin吗，我就懵了。顿时觉得自己学的东西很不扎实，深入一点的都不是很了解。概念就表现形式来看内联元素/行内元素（inline）前后不产生换行，相邻的内联元素在同一

2017-03-11 19:04:38 2118 1

原创 web前端记录

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-03-11 11:41:53 357

Ultranana的博客