轮播图 jQuery

   轮播图有重要的内容   重点就是   需要在一个属性overflow:hidden   意思就是   超出删掉

1.Line-height 是不错的属性,可以在竖直对齐有很大作用,但是它并不是对所有标签有效,如:img  select,此时你可以想到一个属性:vertical-align:middle; 然后 margin-top:-px

2.letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白

3.尽量少用 来控制间距,加载的时候“闪”。用标签的width,margin和padding也少用,兼容问题会少一些,更重要的是,一旦用到JQuery动画,你的那些个padding和margin,差生的动画效果用户体验很差

换行

1.word-break:break-all;只对英文起作用,以字母作为换行依据

2. word-wrap:break-word;只对英文起作用,以单词作为换行依据

3.{white-space:pre-wrap;只对中文起作用,强制换行

4.{white-space:nowrap;强制不换行,都起作用

5.{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现

display:inline-block;这种情况下,一般不是顶端对其,必须在父级加上一条样式:vertical-align: top;才能实现顶端对其

 

 

jQuery   ?问号  

这个叫做三木运算符
?:
c=a>b?1:0;
a大于b么?如果大于,就给c赋值为1,否则赋值为0

在HTML中   空格只能显示一个    但我们需要好几个空格的话  只能用

 &nbsp

他会代替一个空格   需要几个就打几个

上面讲到   尽量少用  

猜你喜欢

转载自gaofan0528.iteye.com/blog/2381650
今日推荐