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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 页码的制作:inline-block既有内联元素又有块级元素,即可在同一行显示,也可以设置宽高 使内联元素既有内联的属性,又有块级元素的属性,即:display:inline-block;
    查看全部
  • 1.当鼠标悬浮在超链接上时,列表项样式设置既有背景图片,又有背景颜色的,且背景图片不重复,此时在左边显示背景图片,没有背景图片的地方显示背景颜色。 2.鼠标悬浮时,背景颜色改变没有占据整行,因为<a>为内联元素,要想它宽高起作用,就要设成块元素 display:block。 3,背景图片位置设置,background:url(images/1.gif) no-repeat left center;--背景图片不重复向左垂直居中。
    查看全部
  • 添加视频——引入其他网站的视频 直接从网站的视频分享中选中html复制,然后自定义宽高 优点:不用考虑视频优化维护问题,也不用考虑视频所占用的空间的大小; 缺点:播放会有原网站的广告,若网站视频删除,引用也会相应失败!
    查看全部
  • 焦点图制作:引用myFocus插件,具体用法见http://demo.jb51.net/js/myfocus/tutorials.html 在开头必须加入代码: <script type="text/javascript"> myFocus.set({ id:'picBox' //这里的id要与焦点图片列表中的id一致!!!!! }) 1.焦点图初始化的ID与图片列表最外层的id一致 2.图片列表的外面,包裹一个class叫做pic的div <div id="picBox"> <div class="pic"> <ul> <li></li> <li></li> <ul> </div> </div>
    查看全部
  • text-indent:2em;段落首行缩进2字符
    查看全部
  • min-height,设置元素的最小高度,在ie6中要加_height
    查看全部
  • 小伙伴们,根据所学知识,实现如下图所示的简单无序列表,并为每个列表项添加超链接。每个列表项的宽度为50px,高度为30px,列表中的文字在水平和垂直方向上均居中显示,超链接初始状态和访问后的状态均为黑色无下划线,鼠标经过和点击时文字均为白色,无下划线,背景颜色为#BE3948。
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-31

  • 1.list-style-type可以设置列表项目符号为:none无项目符号,disc实心圆,circle空心圆,square实心方块等但是不可以设置图片为项目符号。 2.可以实现把“图像”设置为列表中的项目符号的属性:background、list-style-image、background-image
    查看全部
    0 采集 收起 来源:练习题

    2015-08-31

  • CSS中没有a和d选项中的属性,list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-31

  • <li>内容 日期</li>在ie中日期错位问题,把日期提前解决。
    查看全部
  • myFocus js焦点图库
    查看全部
  • 用height来撑开没有内容的div。
    查看全部
  • vertical-align:middle;设置图片跟文字一样垂直居中。
    查看全部
  • 设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开 让父div随子div的大小变化,使用overflow:hidden
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-31

  • 初始a:link 经过a:hover 激活a:active 点击完后a:visited
    查看全部

举报

0/150
提交
取消
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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