html
rainbow8590
这个作者很懒,什么都没留下…
展开
-
html之meta标签
meta 标签功能集合//视口 //忽略数字自动识别为电话号码 忽略邮箱 //开启拨打电话/发短信/发邮件功能:立刻拨打电话 立刻发短信 立刻发送邮件 //把页面增加到桌面主屏幕//webapp全屏模式 //设置状态栏颜色(全屏模式下起效果) //添加到主屏后的图标//添加到主屏后的标题//禁止浏览器从本地计算机的缓存中访问页面内容 //指定页面自原创 2017-10-24 15:59:34 · 162 阅读 · 0 评论 -
flex弹性盒子常用属性
flex弹性盒子常用属性属性值描述displayflex定义一个盒子为弹性盒子flex-directionrow子盒子水平排列,从左到右row-reserve子盒子水平反向排列column子盒子垂直排列,从上到下column-reserve子盒子垂直反向排列flex-wrapno-wrap子盒子不换行,默认wrap原创 2017-10-24 15:59:28 · 3604 阅读 · 0 评论 -
关于传输协议的简单了解
传输协议传输协议:客户端给服务器端的内容和服务器端传递给客户端的内容都是通过http传输协议进行传输的。 HTTP: 超文本传输协议,除了传输文本外还可以传输其他的东西,例如XML HTTPS:由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议FTP:文件传输协议,应用于把项目源文件传递到服务器上。 在不指定服务器端口的情况下,每一种协议会有一个默认找的端口地原创 2017-10-24 15:56:21 · 163 阅读 · 0 评论 -
URL/URI/URN
`URI:URL+URN 统一资源标识符(统一资源信息);URN:统一资源名称; URL:统一资源定位符; 假如这是请求的地址:http://www.qq.com:80/index.html?name=qq#bbs; http: 传输协议:客户端给服务器端的内容和服务器端传递给客户端的内容都是通过http传输协议进行传输的。 www.qq.com: 域名 80:端口号原创 2017-10-24 15:56:19 · 262 阅读 · 0 评论 -
盒子模型
盒子模型我们都知道盒子是有margin + border + padding + content 组成,但是因为浏览器的不同,我们知道的盒子模型也分为两种:标准流的盒子模型:content + padding + border + margin;IE的盒子模型:content + margin我们看到IE的盒子模型只有两部分组成content和margin,比起标准流的盒子模型,少了pa原创 2017-10-24 15:55:59 · 174 阅读 · 0 评论 -
清除浮动
在布局页面的时候,我们经常会用到浮动,在使用的时候是很方便,但是有时候使用过后会造成页面错乱,这就是因为没有清除浮动造成的,下面介绍几种常用的清除浮动的方法:1.给浮动元素的父级加伪类 :after.clearfix:after{ content:""; visibility: hidden; display: block; clear:both;原创 2017-10-24 15:55:56 · 132 阅读 · 0 评论 -
chrome浏览器字体小于12px的解决方式
hrome浏览器设置的最小字号是12px,当我们需要布局的页面中有字号小于12px的文字时,就没有办法做的像设计的页面一样美观,下面介绍一种方法,解决这个问题:width: 300px;-webkit-transform-origin-x: 0; //X方向上缩放的中心点-webkit-transform: scale(0.9); //缩放比例transform: scale(0.原创 2017-10-24 15:55:53 · 9170 阅读 · 0 评论 -
盒子在页面内居中
在布局页面的时候,有时候会遇到让一个盒子水平和垂直方向上都居中,如果手动调整盒子的位置,未免太复杂了一些,下面介绍两种方法,很轻松就能做到盒子的水平和垂直方向的居中:定位的盒子居中第一种方法:需要知道盒子的宽高div{ position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -100px;原创 2017-10-24 15:55:50 · 7854 阅读 · 1 评论 -
禁止选择文字和文本超出显示省略号
禁止选中文字用来防止用户选中页面上的文字的css样式uesr-select:none; -webkit-user-select:none -moz-uesr-select:none; -ms-uesr-select:none; -o-uesr-select:none; 为了兼容不同浏览器user-select属性,在需要禁止选中文字的标签上加上:onselectstart=原创 2017-10-24 15:55:48 · 299 阅读 · 0 评论