-
设置内联元素居中，就是给他所在的容器设置text-align；center查看全部
-
定位背景图的位置 background-position：x y查看全部
-
<style type="text/css"> .page-normal a{ border:1px solid #FF9600; padding:5px 7px; color:#ff6500; text-decoration:none; } .page-normal{ color:#FF6500; }查看全部
-
< < > >查看全部
-
本章的主要内容为公共样式的提取，重复定义样式的去除查看全部
-
行内元素的间隔bug 问题：行内元素间有换行符、tab、空格等会产生空隙； 解决： 1 把所有的代码写成一行（但代码显示混乱） 2 根元素中设置：font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等查看全部
-
行内元素，设置宽高无效。块状：需要设宽高。行内元素加背景图，可以将行内元素i转为内联块状元素，即display：inline—block.可以使得i拥有行内元素和块状元素的特性，即内容不单独占一行，且可以有高度和宽度 cursor:pointer; display:inline-block; width:5px; height:9px; background:url(http://img1.sycdn.imooc.com//547fdbc600查看全部
-
上一个小节中有不少小伙伴们问起为什么整理代码后，省略句不见了呢？呵呵，如果上一个小节真正听而且听懂的小伙伴已经自己找出问题所在了，我来总结一下： 因为 font-size 是一个会继承的属性，当父容器定义了这个属性，下面的子元素（孙元素）都会继承这个属性。视频的例子中，当为外面容器div添加 font-size:0 的时候，div下面的所有 span 和 a 标签都继承了这个样式，字体大小变为了 0px，所以看不到任何数字内容了；当为其它类添加 font-size:14px 后，这个属性覆盖了父容器继承下来的属性（CSS的后来居上原则），因此 div 下的 span 和 a 标签里的数字内容就恢复了正常。 解决方法： 如果需要看见，可以将原来的小点点（...）文本替换为下面的内容： <span class="ellipsis">...</span> 并在css中增加一下内容： .ellipsis{ font-size:14px; border:none; margin-left: 8px; } （这里感谢“WingMeng”和“9斌”两位同学，上面解答是来自于两位同学的问答回复，回答的十分准确细致。）查看全部
-
解决方法： 如果需要看见，可以将原来的小点点（...）文本替换为下面的内容： <span class="ellipsis">...</span> 并在css中增加一下内容： .ellipsis{ font-size:14px; border:none; margin-left: 8px; }查看全部
-
为什么整理代码后，省略句不见了呢？ 因为 font-size 是一个会继承的属性，当父容器定义了这个属性，下面的子元素（孙元素）都会继承这个属性。视频的例子中，当为外面容器div添加 font-size:0 的时候，div下面的所有 span 和 a 标签都继承了这个样式，字体大小变为了 0px，所以看不到任何数字内容了；当为其它类添加 font-size:14px 后，这个属性覆盖了父容器继承下来的属性（CSS的后来居上原则），因此 div 下的 span 和 a 标签里的数字内容就恢复了正常。查看全部
-
行内元素的间隔bug 问题：行内元素间有换行符、tab、空格等会产生空隙； 解决： 1 把所有的代码写成一行（但代码显示混乱） 2 根元素中设置：font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等查看全部
-
老师声音好听查看全部
-
背景设置的时候 一定要给宽高查看全部
-
最主要的问题就是那个行内元素bug的解决 还有就是小图片的定位 绝对定位或者margin都行查看全部
-
<:< >:> <span></span>:当前页 <a href="#"></a>:链接查看全部
举报
0/150
提交
取消