前端学习笔记
文章平均质量分 79
q269399361
这个作者很懒,什么都没留下…
展开
-
图片延时加载例子详解
转载:http://blog.csdn.net/tjcyjd/article/details/44084751有时候由于图片太大,我们需要一个友好的提示,提示用户图片正在加载中,那么以下通过引入jquery就能轻而易举的实现。demo下载地址:http://download.csdn.net/download/tjcyjd/8475549其中需要3个js:jquery.min1转载 2015-04-02 10:36:17 · 551 阅读 · 0 评论 -
深入懒加载
转载 http://blog.csdn.net/huli870715/article/details/8126519[javascript] view plaincopyprint? 懒加载(LazyLoad)一直是前端的优化方案之一。它的核心思想是:当用户想看页面某个区域时,再加载该区域的数据。这在一定程度上减轻了服转载 2015-04-09 17:27:06 · 537 阅读 · 0 评论 -
Html+Css基础之认识标签
<head>: 文档的头部描述了文档的各种属性和信息,包括文档的标题等<title>: 文档的标题<meta>: 元素可提供有关页面的元信息详细介绍<body>: 页面的正文。<p>: 段落标签<hx>: 标题标签,有1到6个等级。因为h1标签在网页中比较重要,所以一般h1标签被用在网站名称上。<em>: 表示强调,默认是斜体,为了原创 2016-12-13 18:28:00 · 838 阅读 · 0 评论 -
Html+Css基础之样式选择器和样式特殊性
认识CSS CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。CSS的三种写法行内样式内嵌样式外嵌样式 优先级:内联式 > 嵌入式 > 外部式, 在相同权重的情况下,遵循就近原则1. 内联样式表的权值最高 10002. ID 选择器的权值为 1003. Class原创 2016-12-13 19:44:42 · 791 阅读 · 0 评论 -
Html+Css基础之仿百度首页
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>百度一下,你就知道</title> <style> html { height: 100%; overflow-y: scroll; } body {原创 2016-12-21 15:06:42 · 7488 阅读 · 0 评论 -
Html+Css基础之仿蘑菇街1(顶部栏)
在制作顶部栏是需要用到的知识点: 1. 浮动 2. 背景图浮动 浮动后脱离文档流,不管是内联元素还是块级元素将变为内联块级元素,如不设置,元素宽度就是包裹内容的宽度 ul有默认的margin和padding,注意清除默认样式<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style原创 2016-12-22 11:59:03 · 2168 阅读 · 0 评论 -
Html+Css基础之仿蘑菇街2(主体部分)
在制作主体区域需要用到的知识点: 1. 如何使标签元素文字垂直显示。标签元素文字垂直显示首先将内联标签设置为块级标签 在设置标签宽度不能大于或等于 2*文字大小<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> htm原创 2016-12-22 15:30:30 · 2496 阅读 · 0 评论 -
Html+Css基础之样式布局模型
CSS样式速查手册CSS格式化排版字体body{font-family:"微软雅黑";}字号、颜色body{font-size:12px;}/*字号、字体大小*/body{color:red;}/*字体颜色*/粗体body{font-weight:bold;}斜体body{font-style:italic;}下划线body{text-decoration:underline;}中划线、删除线b原创 2016-12-20 15:54:31 · 2137 阅读 · 0 评论