为了账号安全,请及时绑定邮箱和手机立即绑定

分页页码制作

难度初级
时长 1小时 0分
学习人数
综合评分9.37
203人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.0 逻辑清晰
  • 设置内联元素居中,就是给他所在的容器设置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; }
    查看全部
  • &lt < &gt >
    查看全部
  • 本章的主要内容为公共样式的提取,重复定义样式的去除
    查看全部
    0 采集 收起 来源:代码整理

    2017-05-25

  • 行内元素的间隔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
    查看全部
    0 采集 收起 来源:编程练习

    2017-05-01

  • 上一个小节中有不少小伙伴们问起为什么整理代码后,省略句不见了呢?呵呵,如果上一个小节真正听而且听懂的小伙伴已经自己找出问题所在了,我来总结一下: 因为 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斌”两位同学,上面解答是来自于两位同学的问答回复,回答的十分准确细致。)
    查看全部
    0 采集 收起 来源:bug解决

    2018-03-22

  • 解决方法: 如果需要看见,可以将原来的小点点(...)文本替换为下面的内容: <span class="ellipsis">...</span> 并在css中增加一下内容: .ellipsis{ font-size:14px; border:none; margin-left: 8px; }
    查看全部
    0 采集 收起 来源:bug解决

    2018-03-22

  • 为什么整理代码后,省略句不见了呢? 因为 font-size 是一个会继承的属性,当父容器定义了这个属性,下面的子元素(孙元素)都会继承这个属性。视频的例子中,当为外面容器div添加 font-size:0 的时候,div下面的所有 span 和 a 标签都继承了这个样式,字体大小变为了 0px,所以看不到任何数字内容了;当为其它类添加 font-size:14px 后,这个属性覆盖了父容器继承下来的属性(CSS的后来居上原则),因此 div 下的 span 和 a 标签里的数字内容就恢复了正常。
    查看全部
    0 采集 收起 来源:bug解决

    2017-03-28

  • 行内元素的间隔bug 问题:行内元素间有换行符、tab、空格等会产生空隙; 解决: 1 把所有的代码写成一行(但代码显示混乱) 2 根元素中设置:font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等
    查看全部
  • 老师声音好听
    查看全部
  • 背景设置的时候 一定要给宽高
    查看全部
  • 最主要的问题就是那个行内元素bug的解决 还有就是小图片的定位 绝对定位或者margin都行
    查看全部
    0 采集 收起 来源:bug解决

    2017-02-09

  • &lt:< &gt:> <span></span>:当前页 <a href="#"></a>:链接
    查看全部

举报

0/150
提交
取消
课程须知
您需要具备HTML、CSS样式基础知识。
老师告诉你能学到什么?
通过本课程的学习,我们可以学到以下技术: 1. 制作分页页码时的语义化 2. 行内标签居中 3. 使用css sprite 技术实现小icon插入

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!