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

分页页码制作

难度初级
时长 1小时 0分
学习人数
综合评分9.37
203人评价 查看评价
9.6 内容实用
9.5 简洁易懂
9.0 逻辑清晰
  • width和height属性只对块级元素起作用 内联块状元素 in-block 被设置的元素在一行不像block独占一行 页码的小图标一般用<i></i>标签(内联元素)然后把它转换成inline-block元素设置width height值插入blackground:img再blackground-position: X轴 Y轴 background-position:正或负;用以定位背景图片;
    查看全部
  • font-size 是一个会继承的属性,当父容器定义了这个属性,下面的子元素(孙元素)都会继承这个属性。视频的例子中,当为外面容器div添加 font-size:0 的时候,div下面的所有 span 和 a 标签都继承了这个样式,字体大小变为了 0px,所以看不到任何数字内容了;当为其它类添加 font-size:14px 后,这个属性覆盖了父容器继承下来的属性(CSS的后来居上原则),因此 div 下的 span 和 a 标签里的数字内容就恢复了正常。
    查看全部
    0 采集 收起 来源:bug解决

    2016-06-21

  • 1:先画出页面对象(使用HTML) 2:再控制页面对象的样式(使用CSS) 3:然后使页面的对象动起来(使用JavaScipt或者JavaScipt库,比如:jQuery,ExtJs,YUI) 4:最后实现前后台的数据交互,使用一些后台的编码技术,比如:java,php 5:当然牵涉到前后的数据交互就一定少不了使用数据库,比如:oracle,MySql
    查看全部
    0 采集 收起 来源:代码整理

    2016-06-21

  • 设置鼠标滑过超链接a标签效果: .page-normal a:hover{ border:1px solid #ff6500; padding:5px 7px; color:#ff6500; background:#ffbe94; font-size:18px; }
    查看全部
  • 行内元素的间隔bug 问题:行内元素间有换行符、tab、空格等会产生空隙; 解决: 1 把所有的代码写成一行(但代码显示混乱) 2 根元素中设置:font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等
    查看全部
  • text-decoration:none; 去掉超链接底部的下划线 border:1px solid #ff9600; 设置1px的实线边框 padding:5px 7px; 设置边界值 text-align:center; 设置居中显示
    查看全部
  • 直角分页码2
    查看全部
  • 直角分页码
    查看全部
  • 分页码
    查看全部
  • 内联元素设置居中时可以为所在容器设置text-align:center; 块状元素设置居中时候可以为所在元素设置 margin:0 auto; html实体标签: &lt:> &gt: <
    查看全部
  • 行内元素的间隔bug 问题:行内元素间有换行符、tab、空格等会产生空隙; 解决: 1 把所有的代码写成一行(但代码显示混乱) 2 根元素中设置:font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等
    查看全部
  • width和height属性只对块级元素起作用
    查看全部
  • 冗余代码整理:<br> 1.A标签里含有的样式,hover标签里可以去掉; 2.公共样式合并。
    查看全部
    0 采集 收起 来源:代码整理

    2018-03-22

  • 行内元素的间隔bug 问题:行内元素间有换行符、tab、空格等会产生空隙; 解决: 1 把所有的代码写成一行(但代码显示混乱) 2 根元素中设置:font-size:0;再在其余分页页码标签中设置正常的font-size.再通过设置margin控制间隔等
    查看全部
  • 行内元素之间的间隔bug问题,可以通过设置总的内联列表font-size:0px来解决,再在相对应的子内容元素设置font-size
    查看全部

举报

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

微信扫码,参与3人拼团

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

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