随笔分类 - HTML与css3
摘要：html <ul> <li> <span class="hex"><span class="hexIn">1</span></span> </li> <li> <span class="hex"><span class="hexIn">2</span></span> </li> <li> <span
阅读全文
摘要：html <div class='div'></div> css .div { position: relative; width: 50px; height: 86.6px; margin: 50px auto; background-color: red; } .div:before { con
阅读全文
摘要：background: rgba(255,255,255,0.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
阅读全文
摘要：http://47.98.159.95/my_blog/css/008.html 1.W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为"visiabl
阅读全文
摘要：1. display: flex; justify-content: center; align-items: center; <!-- HTML --> <div class="flex__container"> <div class="flex__item"></div> </div> /* C
阅读全文
摘要：<div class="box" ></div> @keyframes move{ 0% {width: 100px;} 50% {width: 200px;} 100%{width: 100px;} } @-webkit-keyframes move{ 0% {width: 100px;} 50%
阅读全文
摘要：width:50px; height:50px; background-color:blue; border-top:50px solid red; border-right:50px solid yellow; border-bottom:50px solid green; border-left
阅读全文
摘要：参考：https://www.zhangxinxu.com/wordpress/2011/03/css-css3-unit-units/ 1.长度单位 单位含义 em 相对于父元素的字体大小 rem 相对于根元素字体大小 vw 相对于视窗的宽度：视窗宽度是100vw vh 相对于视窗的高度：视窗高度
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .g-padmar { position: relative; overflow: hidden; } .g-padmar .g-left { float: left; width: 200px; backgrou
阅读全文
摘要：参考自：https://blog.csdn.net/roc1010/article/details/25190947 根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推.假如都不能识别就调用默认字体 根据font-family
阅读全文
摘要：<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .menu:hover .menucontent{ display: block; } .menucontent{ width: 120px; display: none; text-align: center; border: 1px soli
阅读全文
摘要：当页面第一次加载完成时，鼠标移入时需要切换的背景图还未被加载过，本地没有这张图片，所以切换的时候回出现闪烁的情况，我们可以在一个地方先把这张图放下，但是不让它显示出来，这样当我们第一次加载完页面时需要切换的背景图也就加载完了，我们再将鼠标移入时切换背景图也就不会再闪烁了，但是这种方式并不适合所有的情
阅读全文
摘要：<style> .innerbox{ overflow-y: auto; background-color: #f8f8f8; height: 200px; padding: 10px; } .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; scrollbar-arrow-co
阅读全文
摘要：内设看来我那几个我冷静佛牌我给你举佛欧文【管家婆【任务耍流氓博二位网破耳机【欧文我vow二姐夫看到嘛V领发 内设看来我那几个我冷静佛牌我给你举佛欧文【管家婆【任务耍流氓博二位网破耳机【欧文我vow二姐夫看到嘛V领发...
阅读全文
摘要：你好1 你好2 你好3 你好4 你好5 你好6 你好7 你好8 你好1 你好2 你好3 你好4
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ margin: 0 auto; width: 150px; height: 150px; border
阅读全文
摘要：/*手机端*/ @media only screen and (min-width: 320px) and (max-width: 767px) { .pc { display: none; } .ipad { display: block; } .iphone { display: block; }...
阅读全文
浙公网安备 33010602011771号