随笔分类 - CSS
摘要：HTML data.js options.js var myOptions = [{ backgroundColor: '#020933', title: { top: 20, // left: 190, text: '', //标题 subtext: '', sublink: '#', //sub
阅读全文
摘要：https://www.cnblogs.com/beiz/tag/%E7%BD%91%E9%A1%B5%E5%B8%B8%E8%A7%81%E6%95%88%E6%9E%9C/ 北执
阅读全文
摘要：https://www.cnblogs.com/lr393993507/ 魔流剑
阅读全文
摘要：浏览器宽高 网页正文宽高 网页可见区域宽高，包括滚动条等边线（会随窗口的显示大小改变） 网页卷去的距离与偏移量 1.scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离； 2.scrollTop:设置或获取位于给定对象最顶端与窗口中目前可见内容的最左端之间的距离；
阅读全文
摘要：使用meta标签来调节浏览器的渲染方式，告诉浏览器用哪种内核渲染，360双核浏览器就是在ie和chrome之间来回切换，现在使用meta标签来强制使用最新的内核渲染页面 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> rg
阅读全文
摘要：摘自：http://www.zhangxinxu.com/wordpress/2010/03/%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E4%BE%A7%E8%BE%B9%E6%A0%8F%E5%88%86%E6%A0%8F%E9%AB%98%E5%BA%A6%E8%87%AA%
阅读全文
摘要：摘自：https://www.cnblogs.com/suoking/p/4940615.html 用js实现一个宽度自适应，高度随着宽度变化而变化的矩形，相信大家肯定都会。无非是js获取一下元素宽度，然后再计算出相应比例的高度，然后赋给元素，但如果要求只用CSS实现呢。 html代码如下， <di
阅读全文
摘要：摘自：https://www.cnblogs.com/caizhenbo/p/css.html 需求： 最近产品要求不管原图的大小是多少，宽度一定，高度要自自适应为16:9。 分析： 对于正常的固定好宽度大小，这个需求很容易解决，直接通过人工计算，根据宽度的数值计算好高度的数值，然后css直接设置高
阅读全文
摘要：摘自：https://blog.csdn.net/u010513603/article/details/78200207 1、方案一：CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分比的长度单位vw、vh、vmin、vmax。其中vw是相对于视口宽度百分比的单位，1vw = 1% vi
阅读全文
摘要：摘自：https://blog.csdn.net/baidu_24024601/article/details/51131368 1.用inline-block和vertical-align来实现居中：这种方法适合于未知宽度高度的情况下。 2.用相对绝对定位和负边距实现上下左右居中：高度和宽度已知
阅读全文
摘要：摘自：http://www.runoob.com/w3cnote/flex-grammar.html 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居
阅读全文
摘要：情景一：一个浏览器页面中，只有一个div模块，让其上下左右居中 解决方案： { position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; } 备注：此处小编使用position:fixed为最佳方案，因为position：fixed
阅读全文
摘要：摘自：http://www.cnblogs.com/hnyei/archive/2011/09/19/2181442.html 许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。
阅读全文
摘要：选择器描述[attribute]用于选取带有指定属性的元素。[attribute=value]用于选取带有指定属性和值的元素。[attribute~=value]用于选取属性值中包含指定词汇的元素。[attribute|=value]用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。[at...
阅读全文
摘要：腾讯QQ官网 样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow...
阅读全文
摘要：div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 （市面上主要用到的IE6 IE7 FF）height: 100px;IE6 专用 _height: 100px;IE6 专用 *height: 100px;IE7 专用 *+height: 100px;IE7、FF 共用...
阅读全文
浙公网安备 33010602011771号