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

分页页码制作

难度初级
时长 1小时 0分
学习人数
综合评分9.37
203人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.0 逻辑清晰
  • &lt;表示< ; &gt;表示>
    查看全部
  • 内联块状元素 in-block 被设置的元素在一行不像block独占一行 页码的小图标一般用<i></i>标签(内联元素)然后把它转换成inline-block元素设置width height值插入blackground:img再blackground-position: X轴 Y轴
    查看全部
  • 1:先画出页面对象(使用HTML) 2:再控制页面对象的样式(使用CSS) 3:然后使页面的对象动起来(使用JavaScipt或者JavaScipt库,比如:jQuery,ExtJs,YUI) 4:最后实现前后台的数据交互,使用一些后台的编码技术,比如:java,php 5:当然牵涉到前后的数据交互就一定少不了使用数据库,比如:oracle,MySql
    查看全部
    0 采集 收起 来源:代码整理

    2015-09-16

  • 行内元素的间隔bug 原因:行内元素间有换行符、tab、空格等时; 解决: 1 把所有的代码写成一行(但代码显示混乱) 2 根元素中设置:font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等
    查看全部
  • 内联元素设置居中时可以为所在容器设置text-align:center; 块状元素设置居中时候可以为所在元素设置 margin:0 auto; html实体标签: &lt:> &gt: <
    查看全部
  • 行内元素中间有空隙 产生原因:换行符、tab(制表符)、空格产生空隙 解决方法:1.元素写成一行 2.设置font-size:0
    查看全部
  • 有省略号
    查看全部
    0 采集 收起 来源:bug解决

    2015-08-22

  • 行内元素的间隔bug 原因:行内元素间有换行符、tab、空格等时; 解决: 1 把所有的代码写成一行(但代码显示混乱) 2 根元素中设置:font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等
    查看全部
  • 内联元素设置居中时可以为所在容器设置text-align:center; 块状元素设置居中时候可以为所在元素设置 margin:0 auto;
    查看全部
  • 行内元素,设置宽高无效。块状:需要设宽高。行内元素加背景图,可以将行内元素i转为内联块状元素,即display:inline—block.可以使得i拥有行内元素和块状元素的特性,即内容不单独占一行,且可以有高度和宽度
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-19

  • CSS sprite雪碧图。
    查看全部
  • 行内元素在不设置margin的情况下中间有空隙: 产生原因:换行符,tab制表符,空格产生空隙; 解决办法:1.元素写成一行,去掉空格;2.设置font-size:0(在父元素中);
    查看全部
  • &lt;是 < &gt;是 >
    查看全部
  • 行内元素的间隔bug 原因:行内元素间有换行符、tab、空格等时; 解决: 1 把所有的代码写成一行(但代码显示混乱) 2 根元素中设置:font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔
    查看全部
  • 因为 font-size 是一个会继承的属性,当父容器定义了这个属性,下面的子元素(孙元素)都会继承这个属性。视频的例子中,当为外面容器div添加 font-size:0 的时候,div下面的所有 span 和 a 标签都继承了这个样式,字体大小变为了 0px,所以看不到任何数字内容了;当为其它类添加 font-size:14px 后,这个属性覆盖了父容器继承下来的属性(CSS的后来居上原则),因此 div 下的 span 和 a 标签里的数字内容就恢复了正常。
    查看全部
    0 采集 收起 来源:bug解决

    2015-08-11

举报

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

微信扫码,参与3人拼团

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

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