总共5条信息1
05.14
CSS制作尖角框
引用两个◆制作尖角(引用腾讯微博中的做法)
要点：使用了两个◆，利用其位置相差度来表示框线，如果没有外框线则可以使用一个◆，具体看代码。
XML/HTML code
- <style>
- .popBox { width:200px; height:300px; border:#ddd solid 1px; background:#f5f5f5; position:relative; margin-left:100px; }
- .popBox span { position:absolute; left:-9px; width:20px; height:20px; top:50px; font-size:19px; color:#f5f5f5; overflow:hidden; display:block; }
- .popBox em { font-style:normal; position:absolute; left:-11px; width:20px; height:20px; top:50px; font-size:19px; color:#ddd; overflow:hidden; display:block; }
- </style>
- <div class="popBox">
- <em>◆</em>
- <span>◆</span>
- </div>
复制代码
上侧尖角和下侧尖角在某些浏览器可以需要兼容处理，这里只讲述这个方法
◆ ◆ 左侧尖角.
◆ ◆ 上侧尖角.
◆ ◆ 右侧尖角.
◆ ◆ 下侧尖角.
09.02
08.31
06.03
什么是块元素、内联元素（行内元素）、可变元素？常用的区分
块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。
如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的一种，table based layout和css based layout从一般使用者（不包括视力障碍者、盲人等）的角度来看这两种布局，除了页面载入速度的差别外，没有其他的差别。但是如果普通使用者不经意点了查看页面源代码按钮后，两者所表现出来的差异就非常大了。基于良好重构理念设计的css布局页面源码，至少也能让没有web开发经验的普通使用者把内容快速的读懂。从这个角度来说，css layout code应该有更好的美学体验。
05.25
总共5条信息1