html
原克技术
这个作者很懒,什么都没留下…
展开
-
flex布局书写固定宽度
<style> .con { display: flex; } .con_left { flex: 0 0 500px; width: 500px; //为了解决兼容性 border-right: 1px solid aqua; } .con_right { flex: 1; }</style><div class="con"> <div class="con_left">con_left</div> &原创 2021-07-08 23:19:45 · 785 阅读 · 0 评论 -
Sticky Footer模板布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>原创 2021-04-22 16:50:24 · 126 阅读 · 0 评论 -
网站加载特效,网站渐入特效
网站淡入效果的制作1.引入样式<script src="js/wow.min.js"></script><link rel="stylesheet" type="text/css" href="css/animate.min.css"/>2.初始化new WOW().init();3.使用<div class="list wow animated fadeInUp"> </div>...原创 2021-03-18 10:08:31 · 365 阅读 · 0 评论 -
子元素定位后,无法撑开父元素
我们经常会遇到一个问题那就是在对子元素进行定位以后,就无法撑开父级元素,这时候我们可以给父级元素加一个属性overflow: hidden;或者overflow: auto;或者float:right或者float:left原创 2020-11-01 22:05:38 · 3156 阅读 · 1 评论 -
网站禁止右键
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>原创 2021-03-08 15:21:44 · 145 阅读 · 0 评论 -
下拉菜单
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title原创 2020-09-29 17:53:13 · 60 阅读 · 0 评论