首页 > TAG信息列表 > 600px

CSS – Media Query

前言 Media Query 是用来做 RWD 的, 类似 JS 的 if else. 写的多有伤管理, 所以要谨慎使用哦.   参考: Learn CSS Media Query In 7 Minutes https://css-tricks.com/logic-in-css-media-queries   @media screen / print / all screen 是屏幕, 手机, 平板, 电脑都算 print 是打

响应式布局

    一个简单的响应式菜单,仅使用@media query实现. 上图的作用就是将普通的菜单在缩小浏览器屏幕到一定宽度,或者是在移动设备上的显示效果.现在分步进行实现: 第一步:先构建一个普通的菜单,具体显示如图: 结构如下:   <nav class="nav"> <ul> <li class="cu

PHP在线运行

index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>调试php代码</title> 6 </head> 7 <style> 8 iframe{ min

让div水平垂直居中的方法

导语：让div水平垂直居中，先从情况出发：分为知道div的宽高，和未知div的宽高,下面将从这两种情况来讲。 知道div的宽高 1.绝对定位方法：设置margin-left，margin-top值为当前div宽高一半的负值 div{ width:600px; height: 600px; background:red; position: absolute;

HTML5学习：第一阶段12

一、逐帧动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&