随笔分类 - HTML+CSS
摘要：<embed src="https://www.mahailushu.com/pdfjs/web/mine.pdf" type="application/pdf" width="1000" height="800"/>
阅读全文
摘要：在head标签加上 <style type="text/css">html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>
阅读全文
摘要：环境是手机浏览网页 禁止手指滑动屏幕左右上下回弹：body{overflow:hidden;} 禁止左右回弹：body{overflow-x:hidden;} 禁止上下回弹：body{overflow-y:hidden;}
阅读全文
摘要：<html> <head> <style> html, body { height: 100%; width: 100%; } body { background-image: url(1.jpg), linear-gradient(rgb(219, 166, 166), rgb(0, 0, 172
阅读全文
摘要：body,div ,p{ padding:0px; margin:0px } #content { padding:0px; margin:0px auto;/* 左右居中 上下为0*/ width:80%;/*宽为80% */ } #content .note { column-gap:20px;
阅读全文
摘要：<style> .js_video_box{width:300px;height:200px;background-color:#666;} .js_video{width: 100%;height:100%;background-size: cover;background-position: c
阅读全文
摘要：当宽度小于640px的时候加载css下的css-mobile.css<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 640px)">当宽度大于640px的时候
阅读全文
摘要：<!doctype html> <html> <head> <title></title> <script src="~/Content/scripts/jquery.js"></script> <script type="text/javascript"> $(function () { $("#
阅读全文
摘要：::-webkit-scrollbar{width:6px;height:16px;} ::-webkit-scrollbar-track-piece{background-color: #f3f3f3;-webkit-border-radius: 3px;} ::-webkit-scrollbar
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>右侧划出&
阅读全文
摘要：布局手机网页的时候点击页面的标签时，出现闪烁问题，让浏览器者看起网页时有一种不流畅的感觉。 解决办法：在所有的标签里加上如下样式 /*解决点击闪烁问题*/ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:
阅读全文
