一直不明白height:100%和height:auto的区别，最近在制作前端页面时都用了height:100%;overflow:hidden; ，可是有些浏览器出现莫名的奇妙的问题，但换成height:auto就好了，百度过这个问题，却一直没有细看。 今天又浮现了同样的问题，百度细看和群里的朋友指点，终于明...

2018-06-24 01:32:42

前面的话 小图标icon是一个优秀Web中不可缺少的一部分，起到画龙点睛的效果。在Bootstrap框架中也为大家提供了250多个不同的icon图片。本文将详细介绍Bootstrap图标 原理分析 Bootstrap框架中的图标都是字体图标，其实现原理就是通过@font-face属性加载了字体 @font-fa...

2018-06-24 01:33:02

从 CSS学习笔记05 display属性 一文中，我们知道div是块元素，会独占一行，即使div的宽度很小，像下面这样 应用display属性的inline属性可以让div与div共享一行，除了这种方法外，还有没有其他方法可以实现这种效果呢，答案是肯定的，那就是下面要介绍的CSS的浮动特性...

2018-06-24 01:33:02

前面的话 图像在网页制作中也是常要用到的元素，本文将详细介绍Bootstrap图像 响应式图片 通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%; 、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好...

2018-06-24 01:32:58

一：动画(animation)的参数详解 由于上面用到了animation动画，这里详细介绍下这个animation的参数。 简介 CSS动画(Animations)简单说就是在一段固定的动画时间内暗中在某一频率内改变其CSS某个或某些值,从而达到视觉上的转换动画效果。Animations的很多方面都是可以控...

2018-06-24 01:32:53

前面的话 表单是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。其中每个控件所起的作用都各不相同，而且不同的浏览器对表单控件渲染的风格都各...

2018-06-24 01:32:48

checkbox应该是一个比较常用的html功能了，不过浏览器自带的checkbox往往样式不怎么好看，而且不同浏览器效果也不一样。出于美化和统一视觉效果的需求，checkbox的自定义就被提出来了。这里对实现方法做个总结。 实现思路 纯css实现的主要手段是利用 label 标签的模拟...

2018-06-24 01:32:49

本质上没有区别。 1. “UTF-8” 是标准写法; 2.在Windows下边英文不区分大小写，所以也可以写成 “utf-8” ; 3.“UTF-8”也可以把中间的“-”省略，写成 “UTF8” 。一般程序都能识别，但也有例外（如下文）: 为了严格一点，最好用标准的大写“UTF-8”。 在MySQL数据库...

2018-06-24 01:32:43

我们在写项目时会遇到启动页调到引导页，引导页再调到首页， 那我们在用angular框架写这种东西的时候如果我们不细心的话就会遇到问题， 比如说找不到引导页的图片等等。 那我们怎么解决这个问题呢？ 首先我们要明确，我们使用的angular框架所以我们应该使用angular中的...

2018-06-24 01:32:47

文档流中的元素的位置由元素在 (X)HTML 中的位置决定，这就是最原始的普通流，前面讲到的浮动 CSS学习笔记08 浮动 可以改变元素在文档流中的位置，除了这个我们还可以通过使用CSS的position 属性，来重新决定元素在文档流中的位置。 position 属性值 static：默认的文...

2018-06-24 01:32:44