css
我是希希呀biubiubiu
嘿嘿嘿
展开
-
使用 CSS 变形学习笔记
一、CSS transforms 属性transform-origin: transform-origin是变形原点,也就是该元素围绕着那个点变形或旋转,该属性只有在设置了transform属性的时候起作用; transform:指定作用在元素上的变形。取值为空格分隔的一系列变形的列表。实例1嵌套了百度页面内容的iframe,以左下角为中心旋转90度 <div style="transform:原创 2017-08-14 15:48:42 · 301 阅读 · 0 评论 -
Flex 布局之学习笔记
一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; } Webkit 内核的浏览器,必须加上-webkit前缀。 .box{ dis原创 2017-09-13 13:40:58 · 213 阅读 · 0 评论 -
手机页面底部浮动的按钮
提交按钮html<div id="footer"> <button>提交</button> </div>sass #footer { display: flex; justify-content: center; align-items: center; position: fixed; z-index原创 2017-10-25 10:32:40 · 5557 阅读 · 0 评论 -
去掉输入框选择框等在移动端聚焦时出现一闪的情况
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; outline:0;原创 2017-12-01 09:55:36 · 899 阅读 · 0 评论 -
响应式Web设计学习笔记
响应式网页设计将三种已有的开发技巧(弹性网格布局、弹性图片、媒体和媒体查询)整合起来。针对任意设备对网页内容进行完美布局的一种显示机制。同名:流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计、弹性设计。视口指浏览器窗口内的内容区域,不包括工具栏、标签栏等,网页实际显示的区域。width屏幕尺寸设备的物理显示区域 device-width媒体查询语法body { background-原创 2017-12-11 16:59:13 · 494 阅读 · 0 评论