css
csq2804106929
这个作者很懒,什么都没留下…
展开
-
word-break word-wrap
word-break //超出范围文字折行,并排列整齐 word-wrap //超出范围文字折行,不排列整齐原创 2015-11-08 17:24:52 · 214 阅读 · 0 评论 -
内联标签和块标签
内联标签:img,span ①同一类型标签并排显示 ②宽度由内容撑开 ③不支持宽高(除img标签) ④不支持margin,padding 块标签:p,div,ol,ul,li原创 2015-11-09 13:51:08 · 636 阅读 · 0 评论 -
opacity:0-1,filter:alpha(opacity=50)
opacity:0-1 //标准浏览器支持 filter:alpha(opacity=50) //IE8及其之下版本使用原创 2015-11-09 16:10:29 · 483 阅读 · 0 评论 -
inline-block
inline-block ①使块元素在一行显示 ②使内嵌支持宽高 ③换行被解析 ④不设置宽度的时候宽度由内容撑开 float ①使块元素在一行显示 ②使内嵌支持宽高 ③不设置宽度的时候宽度由内容撑开 (避免换行被解析的缺点) 浮动,display,position都能改变标签特性(块级标签,内联标签)原创 2015-11-09 17:08:47 · 388 阅读 · 0 评论 -
position定位
子元素使用绝对定位时(position:absolute),父元素必须加上定位属性,一般为相对定位(position:relative)原创 2015-11-05 16:53:35 · 275 阅读 · 0 评论 -
清除浮动的方法
子元素添加浮动后会对父元素造成影响 清除子元素对父元素的影响: ①在main里多添加一个div标签 ②在父级标签mian样式里overflow:hidden原创 2015-11-05 16:45:44 · 242 阅读 · 0 评论 -
!important使用
CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。 IE6不认识它的,IE7和别的浏览器中可以用,用来处理浏览器的兼容性,这里写段代码: 黄色背景 body { background-color:yell原创 2015-10-26 11:06:30 · 575 阅读 · 0 评论 -
小三角
Document *{margin: 0;padding: 0} .box1{ border-width: 10px; border-style: solid; border-color: red transparent transparent transparent; width: 0; height: 0; } .box1:hover{ transform:原创 2015-11-13 14:09:33 · 311 阅读 · 0 评论 -
css3编写导航栏
Document *{margin: 0;padding:0;} nav>ul>li>a{color: #ccc;text-decoration: none;} nav>ul{ width: 80%; height: 50px; background: -webkit-linear-gradient(top,#292929,#252525); margin: 0 a原创 2015-11-17 11:25:08 · 545 阅读 · 0 评论