I read it that useful little skill of CSS.
http://www.webcreatorbox.com/tech/css-tips20/
It becomes study for me. I will introduce some thing that I had not known ever.
・How to change CSS for browser
until, I had written hacks for different browser especially IE6 and 7. But I have thought that it is not well.
Reason is hacks is hacks, It is not good way because it is unofficial. Only using bug of browser!! It would useful for me to write better.
<!--[if IE 6]> →IE6のみ --> <!--[if gt IE 6]> →IE7以上 --> <!--[if lt IE 6]> →IE6未満 --> <!--[if gte IE 6]> →IE6以上 --> <!--[if lte IE 6]> →IE6以下 -->
・To convert long url to shorter one
Sometimes long url is overflow. like this,
http://www.webcreatorbox.com/sample-css-tips20/#demo15
this problem is solved by word-wrap property. And if it is Japanese is using word-break property.
http://www.htmq.com/style/word-break.shtml
・To remove line top of list
Some menu list like item that it is delimited by line. You might use border property, border-top or bottom. But it will display border what you do not need.
http://www.webcreatorbox.com/sample-css-tips20/#demo17
You use overflow property, the value is hidden. I know overflow property but do not know how to use like this.
usually I have written individual ID for top of list, value is border-none. So this way is very useful for me.
<ul>
<li>リストメニュー 1</li>
<li>リストメニュー 2</li>
<li>リストメニュー 3</li>
<li>リストメニュー 4</li>
<li>リストメニュー 5</li>
</ul>ul {
_zoom: 1;
overflow: hidden;
}
ul li {
margin-top: -1px;
padding: 5px;
border-top: 1px dotted #999;
}Overflow property is useful some scene. see also
