CSS 笔记1

来源：互联网发布：中国空巢老人数据编辑：程序博客网时间：2024/05/17 01:53

1.display:inline 内联元素

display:block 块级元素

区别，inline两个div在一起不会换行http://www.w3school.com.cn/tiy/t.asp?f=csse_display

block则会自动换行http://www.w3school.com.cn/tiy/t.asp?f=csse_display_block

2.元素倾斜

transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */

#round
{
-moz-border-image:url(/i/border.png) 30 30 round; /* Old Firefox */
-webkit-border-image:url(/i/border.png) 30 30 round;/* Safari and Chrome */
-o-border-image:url(/i/border.png) 30 30 round; /* Opera */
border-image:url(/i/border.png) 30 30 round;
}

#stretch
{
-moz-border-image:url(/i/border.png) 30 30 stretch;/* Old Firefox */
-webkit-border-image:url(/i/border.png) 30 30 stretch;/* Safari and Chrome */
-o-border-image:url(/i/border.png) 30 30 stretch; /* Opera */
border-image:url(/i/border.png) 30 30 stretch;
}

0 0