摘要：
本文主要写给刚接触移动端开发的同鞋们。 首先先将几个主要概念讲一下； 什么是移动端？ 移动端故名思义是为移动终端，大名叫移动通信终端，是指可以在移动中使用的计算机设备。其实就是我们常说的手机。 什么是布局？ 前端开发中布局是将主要的html结构布置好。 rem是什么？ rem是一种长度单位，是而且仅 阅读全文
摘要：
下面介绍一下div嵌套div时margin不起作用的解决方案。 顺便科普下margin的定义和用法。 div嵌套的HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" 阅读全文
摘要：
下面介绍几种使用Css实现文字竖向排版的方法： 1.一个句子的竖向排列 如图： <!DOCTYPE html> <html> <head> <title>test</title> <meta charset="UTF-8"> </head> <style> .one { width: 20px; m 阅读全文
摘要：
我们做登录页面时有时需要用户名和密码俩端对齐，这样显得美观一点，下面介绍一下几种实现方法： 一、使用 text-align属性（只兼容谷歌、火狐浏览器）： html <ul> <li>密码</li> <li>用户名</li> <li>身份证号</li> </ul> css ul li{ width: 阅读全文
摘要：
响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放，最简单的就是把img宽度设为100%，不设置高度，高度就会自动跟着高度缩放。 但是如果要达到的效果是，要让图片的宽高要按一定的比例显示，如1：1 、4：3 等，然而图片尺寸不是这个比例，又不想让图片拉伸变形 阅读全文
摘要：
在html中如果要把多余的文字显示为省略号，那么有以下几种方法： 单行文本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文
摘要：
在很多网站上我们都看到input输入框显示提示文字，让我们一起来看看如果在input输入框中显示提示文字。我们只需要在<input>标签里添加：placeholder="提示文字即可"，那么如果要修改提示文字的样式呢？可以这样设置css样式： <!DOCTYPE html> <html> <head 阅读全文
摘要：
在做表单提交时我们有时会遇到这样的需求，在用户没有输入必填信息点提交时提示文字需要改为我们想要的提示信息，那么可以在input里面增加这样的语句： <input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity( 阅读全文
摘要：
最近在做一个页面时，发现在 iPad 的 Safari 浏览器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ； 到百度搜索后发现，safari 中 viewport 默认宽度为 980px，若事先未指定其初始 viewport 宽度，则会默认按照 980px 处理。 可 阅读全文
摘要：
我们在使用html编写一个网站的时候，通常情况下头部和尾部是相同的，如果一个网站的每个页面都把这些代码写一遍，不仅浪费时间，还显得重复代码很多，所以此时把重复的页面单独摘出来，在用到的时候从外部直接引进去，就能节省很多时间，减少很多代码。 在这里，有好几种引入html文件的方式，不过每种都是有利有弊 阅读全文