1. 移动端最小设置字体为 12px ，如果想要更小字体效果： -webkit-transform :scale(0.9); 2.文字超过两行时，末尾显示点点的效果： overflow :hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; 3. 文字不换...

2018-06-24 01:20:40

art-template 前端使用 用途：主要用来处理数据和优化性能，与其他的一些模块化处理数据的插件相比，art-template处理性能好 不废话，上代码 1.art-template基本语法使用 script src="template.js"/script //id为模块的名称 //语法全部为双标签 {{}} 里面为变量 script...

2018-06-24 01:20:34

520把爱心送给她 用自己独有的方式表白，也是爱的 一种 体现！ 所以呢，我就利用自己现有的知识，做了一个3D爱心！ 今天是5月21日，博主在这里希望所有看到这个博客的朋友们能够拥有自己美好的爱情！ 同时也祝愿天下所有有情人终成眷属！美满幸福！ 最后更希望大神们多...

2018-06-24 01:20:28

一、盒模型代码简写 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title relative样式 / title 6 style type ="text/css" 7 p { 8 padding : 13px 13px 13px 13px ; 9 margin : 10px 40px 10px 40px ; 10...

2018-06-24 01:20:32

html 命名规则 一、注意事项: 1. 一律小写; 2. 尽量用英文; 3. 不加中杠和下划线; 4. 尽量不缩写，除非一看就明白的单词. 主要的 master.css 模块 module.css 基本共用 base.css 布局，版面 layout.css 主题 themes.css 专栏 columns.css 文字 font.css表单 forms.css...

2018-06-24 01:20:27

一、css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。 布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。 如果说布局模型...

2018-06-24 01:20:26

想在盒子里加一条白色横线 加了以下代码 页面效果如下 hr style="width:80%;height:1px;border:none;border-top:1px solid #fff;" / 解决方案加上 margin:auto...

2018-06-24 01:20:25

使用矢量图替代图片。 对于绝大多数图案、图标等，矢量图更小，且可缩放而无需生成多套图。现在主流浏览器都支持SVG了，所以可放心使用！ 网站： http://www.fontawesome.com.cn/faicons/ 第一步：复制 font-awesome 目录到你的项目中 第二部：在 head 处加载font-awes...

2018-06-24 01:20:24

一、文字卡片效果 1 html 2 head 3 meta charset ="utf-8" 4 title 文字卡片效果 / title 5 style 6 div.card { 7 width : 250px ; 8 box-shadow : 04px8px0rgba(0, 0, 0, 0.2), 06px20px0rgba(0, 0, 0, 0.19) ; 9 text-align : center ; 10 } ? 11 div.header { 12 ba...

2018-06-24 01:20:13

填写form表单时发现的一个坑啊！ 当你之前有填写过表单，获取焦点时，input会有一个记录之前填写过的文本的下拉列表式的东东，就像这样：（抱歉丑了点，隐私问题打上了马赛克） 按理说，这没什么问题，很多时候为了方便，也需要它记录输入，但是，同时也发现，文本框变...

2018-06-24 01:20:20