文章库ARTICLE COLUMN

  • html5知识点补充—aside元素的使用

    html5知识点补充—aside元素的使用

    摘要:使用标记创建侧边栏标记表示跟周围内容紧密关联的一组内容,比如热门文章列表博文分类最近评论。这种内容与主页内容相关,但又与它相独立存在。要想正确地使用,取决于它的放置位置。也可以将嵌套在之类的其他元素中。 使用aside标记创建侧边栏 aside...

    callmewhycallmewhy 评论0 收藏0
  • html5知识点补充—footer元素的使用

    html5知识点补充—footer元素的使用

    摘要:使用元素创建脚注顾名思义,元素通常位于页面的底部。与类似,元素可以在单个页面上多次使用,也可以将元素放在中。示例代码使用了一个站点范围的,还在中使用了嵌套的元素。规范中讲到,元素可以包含指向相关文档的链接。 使用footer元素创建脚注 顾...

    geekidentitygeekidentity 评论0 收藏0
  • html5知识点补充—figure元素的使用

    html5知识点补充—figure元素的使用

    摘要:使用和元素插入图片和图注元素用于插入某张图片并添加描述。元素中不仅仅只能包含一张图片,可以使用元素来显示多张图片。示例如下所示这一组图片的描述显示图片内容的时候是否总是使用元素如果单纯是为了显示某张图片,那么使用普通的标记足以。 使用...

    rubyshenrubyshen 评论0 收藏0
  • html5知识点补充—time元素的使用

    html5知识点补充—time元素的使用

    摘要:使用元素插入日期和时间使用元素,我们可以插入计算机能够识别的日期和时间,同时又能以一种可读的方式显示给用户。元素有两个可选属性。它代表的是其最近的父元素内容的发布日期和时间,如没找到任何父元素,则指向整个文档。每个元素只能拥有一个带的...

    hidogshidogs 评论0 收藏0
  • 前端开发中的SEO

    前端开发中的SEO

    摘要:它能够让用户了解到当前的位置,了解网站内容的组织方式。标记应该放在文本中间,即使用替代突兀的标记。表格标题季度销售额强调网页中的重要内容应该使用标记,避免使用标记对搜索引擎不友好。 什么是SEO SEO由英文Search Engine Optimization缩...

    LeexMullerLeexMuller 评论0 收藏0
  • 制作html5微信页面的经验总结。

    制作html5微信页面的经验总结。

    摘要:由于操作上比较多的设计都是隐性的例如滑动之类,需要手势动画作提示。如果页面是推广页面,绝大部分用户都是首次进入,而设计中的元素前端不能复现只能使用图片时,会产生加载时间较长的问题。各手机尺寸,和比例。 先罗列一下我遇到的问题: 用户...

    ermaoLermaoL 评论0 收藏0
  • [学习笔记] 事件(上篇)

    [学习笔记] 事件(上篇)

    摘要:指定事件处理程序指定事件处理程序主要有两种方式级事件处理程序级事件处理程序。添加事件处理程序注意这里是哦或移除事件处理程序使用移除事件处理程序的条件与方法相同必须提供相同的参数,从而添加的匿名函数也无法被移除。 今天看书又看到事件,遂...

    RayKrRayKr 评论0 收藏0
  • 关于CSS Reset 那些事(一)之 历史演变与Normalize.css

    关于CSS Reset 那些事(一)之 历史演变与Normalize.css

    摘要:下面开始对进行简单的介绍,关于两者的差异区别可以看问答平台使用遇到的问题和有什么本质区别没简单介绍关于对的介绍,这里引用咀嚼之味针对官方介绍翻译的的中文版本。目前已经成为了的替代方案是无可争议的事情了。 前言 近期在翻阅陈旧的历史资料...

    calxcalx 评论0 收藏0
  • 关于CSS Reset 那些事(二)之 Normalize.css 源码解读

    关于CSS Reset 那些事(二)之 Normalize.css 源码解读

    摘要:前言上一章节介绍了的历史,最后对做了简单的了解,所以从这节开始对源码进行注释翻译与解读,尽可能从最根本性的问题了解它在帮我们做什么回顾关于那些事一之历史演变与源码解读前面讲到的分模块解读,就是先黏贴一段源码,然后根据官方提供的注释进行...

    Code4AppCode4App 评论0 收藏0
  • 前端碎语(1)

    前端碎语(1)

    摘要:因为基线的不同,这就会导致内联元素在默认使用定位时,会出现同一行元素的错位问题。那么有没有和基线一样的确定准则呢当然有,一个业界公认的标准就是同一行内联元素中,中线穿过的是小写的中点。 暑假前因为种种原因没有把百度IFE的先期课程学完,...

    jsdtjsdt 评论0 收藏0
  • HTML 代码复用实践

    HTML 代码复用实践

    摘要:安装好之后,来简单的组织一下文件的目录生产环境的存放文件夹公共部分的存放文件夹编辑后的文件在新建的,配置好接着新建两个文件,分别是头部和底部这是的内容这是的内容最后在新建一个,把要用到的和给进来。 前言 通常我们所做的一些页面,我们可...

    ProfeelProfeel 评论0 收藏0
  • 关于CSS Reset 那些事(四)之 构架CSS基础样式库

    关于CSS Reset 那些事(四)之 构架CSS基础样式库

    摘要:现在回到我们这一章节的标题,将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面,网页上并不存在表单内容,那么你就要移除一些冗余的代码,开始自定义样式来满足自己的...

    Yu_HuangYu_Huang 评论0 收藏0
  • HTML+CSS3再加一点点JS做的一个小时钟

    HTML+CSS3再加一点点JS做的一个小时钟

    摘要:原文第一次发文章,比较激动。其实简单点的话直接在里面定好动画规则就行了时针秒旋转度,分针秒针以此类推。好了,以上代码我已经放在了上就这些了,献个丑,各位轻拍 原文:http://margox.me/css3clock.html 第一次发文章,比较激动。 本码农长...

    YancyYeYancyYe 评论0 收藏0
  • 用纯CSS实现优雅的tab页

    用纯CSS实现优雅的tab页

    摘要:部分如上,四个区块,四大名著,嘎嘎代码如上,写的很烂,轻喷用来控制元素的显示和隐藏,实际上是为了实现动画效果此处有装逼的嫌疑,因为会阻碍,而不会,另外也可以用来代替。 说明 又是一个练手的小玩意儿,本身没什么技术含量,就是几个不常用的C...

    Ali_Ali_ 评论0 收藏0
  • 用纯CSS实现简单的相册幻灯片

    用纯CSS实现简单的相册幻灯片

    摘要:最后丢一个单个图片放大展示的效果,有性趣的同学可以自行研究原理,也很简单的 之前发了两篇关于CSS的文章,大家都比较关注,看来大家对这块东西都是很感兴趣的,现在趁热打铁再来一发~~ 简介 一个用纯CSS实现的简单幻灯片效果,仅供实验,要看D...

    ivydomivydom 评论0 收藏0
  • clientXY,offsetXY,pageXY的区别

    clientXY,offsetXY,pageXY的区别

    摘要:简单说起来,就是是该事件发生的盒子模型里的坐标,与滚动条无关。页面里写了个,背景颜色蓝色,长宽都是,在网页的右上角,的位置。结果注意两次的和有点误差,这个误差在以内都是没问题的。而是很夸张的数字,因为这是按照整个页面长度来计算的。 简...

    rainyangrainyang 评论0 收藏0
  • ie兼容偷懒的方法

    ie兼容偷懒的方法

    摘要:使用这种方法头部加入这个代码的结果就是使浏览器采用最高的文档模式来处理页面绚烂。 使用这种方法 头部加入这个代码的结果就是使浏览器采用最高的文档模式来处理页面绚烂。...

    dongxiawudongxiawu 评论0 收藏0
  • JavaScript作用域链与闭包的理解

    JavaScript作用域链与闭包的理解

    摘要:作用域是最重要的概念之一,想要学好就需要理解作用域和作用域链的工作原理。脚本错误脚本错误由此可以引发作用域链的概念在中,函数也是对象,实际上,里一切都是对象。当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。...

    BaronZhangBaronZhang 评论0 收藏0
  • 巧用CSS3:target 伪类制作Dropdown下拉菜单(无JS)

    巧用CSS3:target 伪类制作Dropdown下拉菜单(无JS)

    摘要:先上效果图正如标题所说,本文是教你如何巧用伪类制作下拉菜单,原生,无。实际例子其实就是主题的右上角那个按钮,你点一下就会有一个下拉菜单出现,在其他区域点击返回原状。为了让下拉菜单更显下拉的情况,采用的定位下转换原点。 原文链接:http:/...

    littleGrowlittleGrow 评论0 收藏0
  • 4种方法实现边栏固定中间自适应的3栏布局

    4种方法实现边栏固定中间自适应的3栏布局

    摘要:布局结果依然后前两种相似,代码如下。如果你还有好的方法,请一定给我留言哦欢迎光临小弟博客我的博客原文种方法实现边栏固定中间自适应的栏布局 设计一个页面,经常会遇到3栏布局,包括左右边栏和中间主题内容,一般情况下都是边栏固定,中间自适应...

    MoAirMoAir 评论0 收藏0
  • 如何写出高效率的HTML

    如何写出高效率的HTML

    摘要:之所以写这篇文章,就是为了告诉你如何写出干净整洁的代码,能够让你的网页在许多设备上都能快速正常的加载运行。在这个过程中,你能够学会如何搭建易于维护和的网站以及。无论如何,尽量避免同时在和,或者和添加。 个人翻译,欢迎转载! 英文原...

    SeaySeay 评论0 收藏0
  • 如何做好移动端的响应式设计:Viewport控制

    如何做好移动端的响应式设计:Viewport控制

    摘要:当我们想根据屏幕尺寸来自动变化页面布局时,我们会像这样做在浏览器上调整窗口大小,可以看到网页的响应能力是乎没有任何问题的。在正式发布之前,还是先继续使用标签吧,如果有兴趣的话可以尝试一下测试版的。 新人翻译,欢迎转载~ 英文原文地...

    Mike617Mike617 评论0 收藏0
  • 深入理解HTML5标签

    深入理解HTML5标签

    摘要:可能一些有心的开发者会把的写的语义明白些,比如导航栏的用,边栏的用。 0. HTML5中最看重的理念语义化相比HTML有什么区别? 在之前翻译的《如何写出高效率的HTML》一文中提到了一些关于语义化标签的相关内容,这里搜集整理了一些语义化标签方面...

    scq000scq000 评论0 收藏0
  • 多说自定义CSS动感头像和多说评论显示User Agent的那些小事

    多说自定义CSS动感头像和多说评论显示User Agent的那些小事

    摘要:之前看到很多朋友自豪的使用时会选择多说作为第三方评论插件,民间的高手们也根据官方的开发出一些十分有趣的隐藏属性。 showImg("https://segmentfault.com/img/remote/1460000004879308"); 前言 多说是一款社会化评论系统,她改变了网站与用户之间...

    novonovo 评论0 收藏0
  • html 元素 强制不换行

    html 元素 强制不换行

    摘要:中是用来强制不换行的在排版中对包裹的标签使用属性即刻实现强制不换行如强制不换行强制不换行在使用的超文本中把等元素强制变成行内元素然后就能够像第一种情况一样对其进行操作例子父级限宽下元素强制不换行使子标签自身有借用的关键形容词的宽度随机...

    MarkxuMarkxu 评论0 收藏0

热门文章

<