随笔分类 -  html

摘要:左侧固定 右侧自适应 html: css: { margin: 0; padding: 0; } .wrap{ padding left: 300px; } .left{ margin left: 300px; width: 300px; height: 500px; background: ddd 阅读全文
posted @ 2017-11-01 10:18 rainbow8590 阅读(144) 评论(0) 推荐(0) 编辑
摘要:meta 标签功能集合 //视口 //忽略数字自动识别为电话号码 忽略邮箱 //开启拨打电话/发短信/发邮件功能: 立刻拨打电话 立刻发短信 立刻发送邮件 //把页面增加到桌面主屏幕 //webapp全屏模式 //设置状态栏颜色(全屏模式下起效果) //添加到主屏后的图标 //添加到主屏后的标题 / 阅读全文
posted @ 2017-08-02 18:11 rainbow8590 阅读(160) 评论(0) 推荐(0) 编辑
摘要:flex弹性盒子常用属性 | 属性 | 值 | 描述 | | | | | |display| flex |定义一个盒子为弹性盒子| |flex direction | row |子盒子水平排列,从左到右| | | row reserve |子盒子水平反向排列| | | column |子盒子垂直排列 阅读全文
posted @ 2017-08-02 14:58 rainbow8590 阅读(253) 评论(0) 推荐(0) 编辑
摘要:盒子模型 我们都知道盒子是有margin + border + padding + content 组成,但是因为浏览器的不同,我们知道的盒子模型也分为两种: 标准流的盒子模型:content + padding + border + margin; IE的盒子模型:content + margin 阅读全文
posted @ 2017-06-29 19:45 rainbow8590 阅读(98) 评论(0) 推荐(0) 编辑
摘要:在布局页面的时候,我们经常会用到浮动,在使用的时候是很方便,但是有时候使用过后会造成页面错乱,这就是因为没有清除浮动造成的,下面介绍几种常用的清除浮动的方法: 1.给浮动元素的父级加伪类 :after .clearfix:after{ content:""; visibility: hidden; 阅读全文
posted @ 2017-06-29 19:44 rainbow8590 阅读(107) 评论(0) 推荐(0) 编辑
摘要:hrome浏览器设置的最小字号是12px,当我们需要布局的页面中有字号小于12px的文字时,就没有办法做的像设计的页面一样美观,下面介绍一种方法,解决这个问题: width: 300px; webkit transform origin x: 0; //X方向上缩放的中心点 webkit trans 阅读全文
posted @ 2017-06-29 19:43 rainbow8590 阅读(111) 评论(0) 推荐(0) 编辑
摘要:在布局页面的时候,有时候会遇到让一个盒子水平和垂直方向上都居中,如果手动调整盒子的位置,未免太复杂了一些,下面介绍两种方法,很轻松就能做到盒子的水平和垂直方向的居中: 定位的盒子居中 第一种方法:需要知道盒子的宽高 div{ position: absolute; left: 50%; top: 5 阅读全文
posted @ 2017-06-29 19:42 rainbow8590 阅读(951) 评论(0) 推荐(0) 编辑
摘要:禁止选中文字 用来防止用户选中页面上的文字的css样式 uesr select:none; webkit user select:none moz uesr select:none; ms uesr select:none; o uesr select:none; 为了兼容不同浏览器user sel 阅读全文
posted @ 2017-06-29 19:31 rainbow8590 阅读(156) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示