• 前端HTML以及HTML5(基本标签)

    前面一章介绍了一下前端的发展,这章简单介绍一下html的发展以及基本的标签。 一、HTML的发展史 1、概念 超文本标记语言(HyperText Markup Language,简称HTML)是为 [ 网页创建和其他可在浏览器中看到的信息 ] 设计的一种标记语言。 2、相关发展历程: * 超文本标记...

    2018-06-24 01:57:07

  • css3制作网页中常见的小箭头

    /* css3三角形(向上 ▲)*/ div.arrow-up{ width:0px; height:0px; border-left:5pxsolidtransparent;/* 右透明*/ border-right:5pxsolidtransparent;/*右透明 */ border-bottom:5pxsolid#2f2f2f;/*定义底部颜色 */ font-size:0px; line-height:0px; } /* css3三角形...

    2018-06-24 01:57:01

  • 介绍一款小众的IDE

    作为前端工程师的你们平时主要使用什么IDE,atom、webstorm、sublime还是vscode? 今天介绍一款比较小众的IDE,Adobe的开源项目Brackets, 提供Windows和OS X平台支持。 Brackets的特点是简约、快捷,没有很多的视图或者面板,笔者感觉前端开发使用它会省去很多额外的...

    2018-06-24 01:57:03

  • 弹性盒模型----容器属性

    布局的传统方案,基于盒装模型,依赖display属性+position属性+float属性。他对于那些特殊的布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持...

    2018-06-24 01:57:01

  • 在ios端点击按钮闪烁解决方法(小tips)

    在ios端,safari浏览器上触发click事件有300ms的延迟响应,为touch添加的样式会和click冲突而出现闪烁问题 在safari中触摸事件的相应顺序如下: touchstart -- touchmove -- touchend -- click(300ms) 此时可试用以下样式取消click事件的默认样式来消除页面闪烁问题 *...

    2018-06-24 01:56:57

  • HTML

    超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。 meta标签 meta标签的组成:ment标签共有两种属性,他们分别是http-eqiv属性和name...

    2018-06-24 01:56:57

  • 苹果手机浏览器下拉会闪动的解决办法

    存放倒计时的div每隔1秒就刷新一次,结果在苹果手机浏览器上面下拉时,页面会有闪动效果。 解决办法就是:给div定一个固定的高度,它就不会闪动了。...

    2018-06-24 01:56:52

  • 新建一个页面

    今天我刚好要做一个单页面来展示某些东西。 就一起来看看吧,初学者写的不好请自闭双眼。 先上代码吧,大家看看有什么需要修改的地方。 1 ! DOCTYPE html 2 html lang ="en" 3 4 head 5 meta charset ="UTF-8" 6 meta name ="viewport" content ="width=device-width,...

    2018-06-24 01:56:54

  • CSS3学习-用CSS制作立体导航栏

    ! doctype html html lang ="en" head meta charset ="UTF-8" title CSS制作立体导航 / title link rel ="stylesheet" href ="http://www.w3cplus.com/demo/css3/base.css" style body { background : #ebebeb ; } .nav { width : 560px ; height : 50px ; font : bold...

    2018-06-24 01:56:49

  • 纯CSS3实现轮播图

    前言 纯css3实现的轮播图效果,和JavaScript控制的相比,简单高效了很多,但是功能也更加单一,只有轮播不能手动切换。 用什么实现的呢?页面布局 + animation动画 HTML部分 div class ="container" div class ="title-container" h1 纯CSS3轮播图 / h1 / div div clas...

    2018-06-24 01:56:48

2