这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【px、em、rem、%、vw、wh、vm等单位有什么区别？】 1.背景介绍 传统的项...

2018-12-13 08:56:15

最近在IE10下运行一个以前的做web系统发现了两个小问题： 一、图片上使用"alt"属性来添加一些文字提示信息在IE10下无法正常显示出来 上网查了一下原因： 原来是现在一些较新的浏览器，比如在IE9、IE10使用"alt"属性时，在图片能够正常显示的情况下，在图片中设置"alt"...

2018-12-13 08:56:13

1、什么是CSS盒模型？CSS盒子模型包括元素、内边距、边框、外边距，如下图： 2、元素分类：元素可以分为块状元素、内联元素、内联块状元素。 常用块状元素：div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form 常用内联元素：a、span、br、i、em、strong...

2018-12-13 08:56:11

在Web页面上，如果想模拟对话框效果，一般会给div元素添加position:fixed的样式来实现，然后给背景添加一个半透明的遮罩。如： .fixedDiv { position : fixed ; top : 0 ; right : 0 ; left : 0 ; margin : 0 auto ; height : 100% ; width : 100% ; background-color...

2018-12-13 08:56:09

Bootstrap -- 导航栏样式、分页样式、标签样式、徽章样式 1. 使用图标的导航栏 使用导航栏样式： ! DOCTYPE html html head meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" / title My Test bootstrap / title link rel ="stylesheet" href ="h...

2018-12-12 09:23:31

标签格式 格式： 双边： 标签名 属性1="值1" 属性2='值2' 属性3=值3内容/标签名 单边： 标签名 属性1="值1" 属性2='值2' 属性3=值3 / 特点： 标签都是成对出现的，单边标签也不要忘记结尾的'/' 容错性强，但是不要故意写错，故意挑战浏览器的解析能力 标签名已经预定义...

2018-12-12 09:23:27

1、文字排版--字体：利用 font-family设置字体，注意设置的字体必须是本地电脑中存在的字体。 例子：class="MicrosoftYahei"的h1标签的字体设置为 宋体 ，效果如下 !DOCTYPE HTML html head meta http-equiv="Content-Type" content="text/html; charset=GBK" titleCSS...

2018-12-12 09:23:25

1、标题页加图标： 2、隐藏滚动条 3、placeholder 颜色改变： 4、文字两端对齐 5、微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能 6、微信里不能复制解决办法 7、（1）判断内核是PC还是手机，手机微信客户端与PC微信客户端（好用） 7、（2）js...

2018-12-12 09:23:23

Bootstrap -- 下拉菜单、输入框组、导航菜单 1. 下拉菜单 可以使用带有各种大小按钮的下拉菜单： .btn-lg、.btn-sm 或 .btn-xs 。 实现下拉菜单： ! DOCTYPE html html head meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" / title My Test boo...

2018-12-11 09:03:30

Bootstrap -- 文本，背景，其他样式 1. 文本样式：展示了不同的文本颜色 使用文本样式： ! DOCTYPE html html head meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" / title My Test bootstrap / title link rel ="stylesheet" href ="./css/boo...

2018-12-11 09:03:28