02 2017 档案

js基本概念
摘要：接下来简单介绍js的基本语法，js的很多语法和一般的c语言相似 1.区分大小写 2.标识符命名：第一个字符不得是数字 3.注释：与C语言相似 4.noscript元素 部分浏览器是不支持js的或者用户自己选择不加载js脚本，这时候我们可以通过设置noscript元素来告诉用户，你要下载js脚本才能看 阅读全文
posted @ 2017-02-27 00:02 某个润滑君
script元素
摘要：一、script元素属性： 向html元素插入js代码就必须得有script元素，这其中有两个属性比较常用到：async、defer、src 1.async:可选，表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或其他待加载的脚本。只对外部文件有效。 2.defer:可选，表示脚本 阅读全文
posted @ 2017-02-26 15:22 某个润滑君
常用js函数收录
摘要：一、函数页面加载addLoadEvent() 由于window.onload只能绑定一条指令，当有多条指令被绑定时，只会有最后的那个函数被实际执行。对此，我们有两个解决方法： （1）先创建一个匿名函数来容纳这两个函数 这个方法在不是很多函数的情况下可以很好的工作，但是一般我们更加建议使用法二 （2） 阅读全文
posted @ 2017-02-24 15:31 某个润滑君 阅读(200) 评论(0) 推荐(0)
css图形
摘要：在网页中，我们经常看到各种图形效果。一般在这种情况下我们都会通过图片来实现，但是每一次都是使用图片的话，将会导致数据传输量过大，并且一张图片会引发一次HTTP请求，这两个方面都会影响页面加载速度。如果利用css样式来实现图片效果，就能极大地减少网页加载时间。 一、三角形： 当我们为每一条边框定义不同 阅读全文
posted @ 2017-02-23 20:56 某个润滑君
distable:table-cell
摘要：我们在使用表格的时候，会看到表格中的单元格一般具有怎么样的特点呢？文字的垂直居中对齐，关联伸缩等等，这些都是表格单元格具有的特点。而display:table-cell可以让元素具有这些特点！ 这个属性可以使得我们在布局时候实现下面三个功能： （1）图片垂直居中于元素（在其他随笔中有记录，略） （2 阅读全文
posted @ 2017-02-22 15:47 某个润滑君 阅读(578) 评论(0) 推荐(0)
负margin技术
摘要：margin外边距的值也是可以取负值的，margin-top、margin-left取负值，则表示该元素朝这个方向拉近，margin-right、margin-bottom取负值，则表示后续元素朝该方向拉近，因此，margin-right、margin-bottom可以将后续元素拉近，进而覆盖“当前 阅读全文
posted @ 2017-02-22 14:59 某个润滑君 阅读(186) 评论(0) 推荐(0)
CSS高度塌陷问题-清除浮动
摘要：对于一个元素来说，如果他设置了浮动，则就会转化为块元素类型，可以设置width，height等。但是浮动会使元素脱离正常文档流，如果浮动元素的高度大于父元素的高度，则会使得浮动元素脱离父元素，也就是我们常说的高度塌陷。 在CSS中，常见的清除浮动有三种方法： （1）clear：both 这种方法应用 阅读全文
posted @ 2017-02-21 21:58 某个润滑君 阅读(203) 评论(0) 推荐(0)
CSS外边距叠加
摘要：外边距叠加发生在上下外边距之间，左右外边距不会发生叠加的情况；叠加之后的外边距高度等于发生叠加之前两个外边距中的最大值 外边距叠加有三种情况： （1）同级元素之间 当一个元素出现另一个元素的上面的时候，第一个元素的下边距会和将会与第二元素的上边距会发生合并 （2）父子元素之间 父元素与子元素之间的上 阅读全文
posted @ 2017-02-21 21:29 某个润滑君 阅读(123) 评论(0) 推荐(0)
CSS特性
摘要：CSS有两大属性：继承性和层叠性 一、继承性： 所谓继承性，就是子元素继承了父元素的某些样式属性，但是并不是所有的样式属性都具有继承性，在CSS中，具有继承性的属性有三大类; （1）文本相关属性： （2）列表相关属性： list-style-image（自定义列表项）、list-style-posi 阅读全文
posted @ 2017-02-21 20:42 某个润滑君 阅读(155) 评论(0) 推荐(0)
css选择器
摘要：css以及css3都包含了非常多的选择器，这些选择器给我们提供了极大的便利 在这篇随笔当中，入门阶段的元素选择器，id选择器，class选择器，群组选择器就不介绍了。这里我们要讲的是css中的层次选择器以及css3中的选择器 一、层次选择器 1.后代选择器：选择元素内部中所有的某一个元素，包括子元素 阅读全文
posted @ 2017-02-20 20:10 某个润滑君 阅读(162) 评论(0) 推荐(0)
css单位
摘要：一、绝对单位 在前端中，基本不会用到绝对单位，以上只是简单了解一下 二、相对单位 css相对单位除了以上几种还有ex，vw，vh，这些主要用于移动端开发。现在先掌握以上几种 1.px：像素（略） 2.%：百分比，主要相对于父元素对应属性来设定大小 (1)width、height、font-size的 阅读全文
posted @ 2017-02-20 18:31 某个润滑君 阅读(195) 评论(0) 推荐(0)
元素居中
摘要：一、元素的垂直居中 1.实现块元素的垂直居中：使用position以及负margin技术来实现 语法： 说明：position这种方法是万能的，也就是不仅可以用于块元素，也可以用于inline元素和inline-块元素。 2.实现图片垂直居中于元素：使用display:table-cell和vert 阅读全文
posted @ 2017-02-19 23:35 某个润滑君 阅读(150) 评论(0) 推荐(0)
HTML语义化
摘要：很多html标签往往都会带有一些默认的样式，而这有时候会使得初学者为了达到某种样式而使用某种标签，但是这样往往会破坏html的语义。把样式的问题交给css去解决，html应该关注的是标签的语义化！ 一、标题的语义化： html标题标签是h1~h6，这些标题的重要性以及大小，按照从1~6的顺序依次降低 阅读全文
posted @ 2017-02-16 22:19 某个润滑君 阅读(163) 评论(0) 推荐(0)