前面的话 导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，便于用户查找网站所提供的各项功能服务。本文将详细介绍Bootstrap导航 基础样式 Bootstrap框架中制作导航条主要通过.nav样式。默认的.nav样式不提供默认的导航样式，必须附加另外...

2018-06-24 01:34:04

前面的话 网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项，Bootstrap默认提供了用于显示链接列表的可切换、有上下文的菜单。而且在各种交互状态下的菜单展示需要和javascript插件配合才能使用。本文将详细介绍Bootstrap下拉菜单 使用方法 在使用Bootstrap框架...

2018-06-24 01:34:03

preference-package control-install package emmet / jQuery 先说jQuery jQuery 集成了很多JS的补全功能.例如appendChild, 它会有. Emmet 快捷键 http://docs.emmet.io/cheat-sheet/ ! tab 生成html基本格式 table tab 生成table的标签 a tab \ link tab 生成链接, 和...

2018-06-24 01:33:58

很多人在进入学习前端的时候（包括我自己），除了选择学习合适的技术，还需要一个得 （自）心（己）应（喜）手（欢） 的开发工具，一个得心应手的开发工具除了可以令你的效率大大提高，也可以令你在写代码的时候，心情舒畅 O(∩_∩)O。 我的第一个前端开发工具就是Subl...

2018-06-24 01:33:57

网站建设 中，文件上传与下载在所难免，HTML5中提供的API在前端有着丰富的应用，完美的解决了各个浏览器的兼容性问题，所以赶紧get吧！ FileList 对象和 file 对象 HTML 中的 input[type="file"] 标签有个 multiple 属性，允许用户选择多个文件，FileList对象则就是表...

2018-06-24 01:33:53

废话不多说，直接进入主题，margin相关技巧。 1、设置元素水平居中：margin:x auto; 2、margin负值让元素位移及边框合并。 外边距合并 指当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 解决外边距合...

2018-06-24 01:33:53

一、页面内跳转的锚点设置 页面内的跳转需要两步： 方法一： ①：设置一个锚点链接a href="#miao"去找喵星人/a；（注意：href属性的属性值最前面要加#） ②：在页面中需要的位置设置锚点a name="miao"/a；（注意：a标签中要写一个name属性，属性值要与①中的href的属性...

2018-06-24 01:33:47

使用CSS复位 CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法： * { box-sizing: border-box; margin: 0; padding: 0;} 现在元素的 margin 和 padding 已为0， box-sizing 可以管理您的CSS盒模型...

2018-06-24 01:33:47

语法 @keyframes animationname { keyframes-selector {css-styles; } } 值 描述 animationname 必需。定义动画的名称。 keyframes-selector 必需。动画时长的百分比。 合法的值： 0-100% from（与 0% 相同） to（与 100% 相同） css-styles 必需。一个或多个合法的 CS...

2018-06-24 01:33:43

段落 P.../p 标题 h1-6..../h1-6 链接 a href="".../a 图像 img src="" width="" height="" / 注意： 即使没有结束标签，大多数浏览器仍然能正确显示（比如br 也能正确显示），但可能会导致不可知后果。 没有内容的，没有关闭标签的称之为空元素，它们在开始标签中关闭...

2018-06-24 01:33:38