| 共 29 篇文章 |
|
min-content宽度表示的并不是内部那个宽度小就是那个宽度，而是，采用内部元素最小宽度值最大的那个元素的宽度作为最终容器的宽度。而文字的最小宽度值是字符display:inline-所占据的宽度，因为inline-block后面的block可以换行，中文不用谈，天生被换行的命，显然display:inline-所占据的宽度要远远小于256像素，因此，最终我们元素的宽度就是... 阅352 转1 评0 公众公开 16-05-27 18:35 |
好吧，CSS3 3D transform变换，不过如此！比方说，一个1680像素宽的显示器中有张美女图片，应用了3D transform，同时，该元素或该元素父辈元素设置的perspective大小为2000像素。translateZ值越大，该元素也会越来越大，当translateZ值非常接近201像素，但是不超过201像素的时候（如200像素），该元素的大小就会撑满整个屏幕（如果父辈元素没有... 阅35 转0 评0 公众公开 16-05-27 18:19 |
/*父子均定高，子容器上下等margin*/.outer{ height: 180px; overflow: hidden; *zoom: 1; }/*父容器给予BFC以避免子容器margin并到父容器上*/.inner{ height: 100px; margin-top: 40px ;}/*父子均自适应于内部，子容器上下等margin*/.outer{ height: auto; overflow: hidden; *zoom: 1; }/*父容器给予BFC和haslayout，以避免子容器margin并到... 阅903 转0 评0 公众公开 16-05-24 14:18 |
首先现在好多都叫div+css也有叫html+css，我个人也喜欢称它为html+css。HTML+css要点：8.在写CSS属性时，有的属性值可以组合在一个属性上，如：font:bold 14px/25px "宋体"; border:1px solid red; margin:0px 10px 0px 20px; padding:10px 20px 30px 40px; background:url() no-repeat scroll left top transparent;（CSS3样式里也... 阅1553 转0 评0 公众公开 16-05-19 09:55 |
用css定义svg的样式和动画。同时我也会讲一下导出和优化SVG、嵌入SVG和每一个SVG如何影响它的样式和动画，然后我们再讨论用CSS定义SVG的样式和动画。一旦你选择了.svg扩展名，会出现一系列导出SVG的选项面板，比如使用哪个版本的SVG、是否在图形中插入图片或者在外部保存并把它们链入SVG、如何为SVG添加样式（使用展示属性或者使用CSS的style标... 阅6078 转10 评0 公众公开 16-05-19 09:52 |
复制代码代码如下: <h1 class="logo"><a href="#"><span>logo</span></a></h1> .logo>a>span{display:none;} 此方法（不推荐）其实倒也不复杂，只是需要多添加一个标签，比较浪费；复制代码代码如下: <h1 class="logo"><a href="#"><span&g... 阅27 转1 评0 公众公开 16-05-19 07:41 |
CSS隐藏图片背景上方的文字内容。重要解释：本来HTML里h1标签内设置了文字内容，但是设置“text-indent:-9999px”样式，实质是让文字向左平移9999px距离，自然在一般分辨率显示屏上无法看到9999px边缘内容，自然使用此CSS技巧实现了文字隐藏同时，背景图片显示正常。但实际操作时候注意图片大小高宽，在设置对象DIV盒子时候注意高度宽度适合，... 阅497 转0 评0 公众公开 16-05-19 07:39 |
div css隐藏内容样式方法。1、对文本的隐藏 2、隐藏超链接（另类黑链） 3、对统计代码隐藏 4、隐藏超出图片 5、css隐藏滚动条 6、css隐藏div层一、使用css隐藏方法用到CSS样式单词及对应解释 - TOP.1、css隐藏DIV及内容，完全隐藏内容与布局。使用css样式通过对“你是看不见我的”div css层设置固定的高和宽，然后通过overflow: hidden样式... 阅726 转2 评0 公众公开 16-05-19 07:38 |
[原]<button>和<input type=“button”> 的区别。</button> <input type="button" id="test1" value="get attr"/> <input type="button" id="test2" value="get val"/> </body></html>不要把<button>标签当成<form>中的in... 阅40 转0 评0 公众公开 16-05-19 03:42 |
第一个兼容，IE FF 所有浏览器 公用（其实也不算是兼容） height:100px; 第二个兼容 IE6专用 _height:100px; 第三个兼容 IE6 IE7公用 *height:100px;2、IE5 和IE6的BOX解释不一致IE5下div{width:300px;margin:0 10px 0 10px;}div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px，而在IE6和其他浏览器上宽度则是以300px+1... 阅56 转1 评0 公众公开 16-05-18 12:17 |
