一：不同空格符合的区别 nbsp;半角的不断行的空白格（推荐使用） ensp;半角的空格 emsp;全角的空格 详细的含义： nbsp;：这是我们使用最多的空格，也就是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示...

2018-06-24 01:17:53

* { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } html { font-size: 12px; color: #666; font-family: 'Microsoft Yahei' 'Helvetica Neue', Helvetica, STHeiT...

2018-06-24 01:17:55

在开发pc端网站的过程中，涉及到邀请好友的功能，之前单纯的复制粘贴已经无法满足用户的体验。故，仿照移动端添加自动分享到QQ好友，QQ空间，QQ微博的功能。 分享到QQ好友： http://connect.qq.com/widget/shareqq/index.html?url=分享后跳转链接title=网站的名称 分享...

2018-06-24 01:17:51

一、使用表单标签，与用户交互 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 表单标签 / title 6 / head 7 body 8 form 9 label for ="username" 用户名: / label 10 input type ="text" name ="us...

2018-06-24 01:17:24

现在部分浏览器已支持自定义滚动条，成了设计师和完美主义者的救星。 新版上线后，设计师又提了个新需求： 把导航栏右侧的滚动条，在不滚动时隐藏掉 （同时还发了个小视频表示效果）。就是下图中右侧的粗线： 在mac系统下测试了Chrome／Safari／Firefox浏览器，发现这...

2018-06-24 01:17:50

!doctype html html head meta charset="utf-8"/ title英雄联盟_百度百科/title link rel="icon" href="D:/BaiduNetdiskDownload/doc/images/logo.ico" mce_href="D:/BaiduNetdiskDownload/doc/images/logo.ico" type="image/x-icon" ！-- 此种方法是绝对地址 指向ico...

2018-06-24 01:17:48

有空时候把一些常见可能不是每个人都知道的css小细节总结了下，共勉。 1.line-height 众多周知，line-height是行高的意思，我们时常会使用类似line-height:24px;这样的代码来设置绝对的行高。但是当我们的需求改变，字体大小变动的时候，可能我们还需要再次改动行高，...

2018-06-24 01:17:43

六、子选择器 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 子选择符 / title 6 style type ="text/css" 7 .foodli { border : 1px solid red ; } /* 添加边框样式（粗细为1px， 颜色为红色的实线...

2018-06-24 01:17:40

一、内联式css样式，直接写在现有的HTML标签中 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 认识html标签 / title 6 style type ="text/css" 7 span { 8 color : red ; 9 } 10 / style 11 / head...

2018-06-24 01:17:37

box-shadow实现的打点效果 简介 box-shadow理论上可以生成任意的图形效果，当然也就可以实现点点点的loading效果了。 实现原理 html代码，首先需要写如下html代码以及class类名： 订单提交中 span class ="dotting" / span css代码 .dotting { display : inline-block...

2018-06-24 01:17:37