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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 做错了,还是没理解
    查看全部
    0 采集 收起 来源:练习题

    2016-12-18

  • 1.行内样式优先级高于外部样式 2.行内样式适合于写少量样式的地方
    查看全部
  • list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。
    查看全部
    0 采集 收起 来源:练习题

    2016-12-15

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式,控制列表的显示形式*/ .ad li {list-style:none; float:left;text-decoration:none; width:50px; text-align:center; } .ad a{display:block; width:40px;height:30px;line-height:30px;} .ad a:link, .ad a:visited{text-decoration: none;color:black;} .ad a:hover, .ad a:active{background-color: #990000;} </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <div class="ad"> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 1.焦点图初始化的ID,与图片列表最外层的ID一致 2.图片列表外面,包裹一个class为pic的div <script type="text/javascript"> myFocus.set({ id:'picBox' }) </script> <div class="ad" id="picBox"> <div class="pic"> <ul> <li><img src="images/ad2.jpg"</li> <li><img src="images/ad3.jpg"</li> <li><img src="images/ad4.jpg"</li> </ul> </div> </div>
    查看全部
  • 首页制作页面内容
    查看全部
  • list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。
    查看全部
    0 采集 收起 来源:练习题

    2016-12-14

  • 盒子的宽度是为内容的宽度
    查看全部
    0 采集 收起 来源:练习题

    2016-12-13

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式,控制列表的显示形式*/ .header{ width:300px; height:50px; background-color:yellow; } .header li{ width:50px; height:30px; float:left; list-style-type:none; line-height:50px; text-align:center; } .header li a:link,.header li a:visited{ text-decoration:none; color:black; } .header li a:hover,.header li a:active{ color:#fff; background-color:#BE3948; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <div class="header"> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 盒子模型
    查看全部
    0 采集 收起 来源:盒子模型

    2016-12-13

  • 盒子模型:用这种思想来盛放网页中的各种元素。 在网页设计上,内容常指文字、图片等元素,但是也可以是小盒子(div嵌套)。 填充只有宽度属性,可以理解为在生活中盒子里的抗震辅料厚度。 边框有大小、线型和颜色之分,我们可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的。 边界就是该盒子与其他盒子要保留多大的距离。 填充、边框、边距分为上、右、下、左四个方向,均可单独设置
    查看全部
    0 采集 收起 来源:盒子模型

    2016-12-13

  • 注意点
    查看全部
  • 注意点
    查看全部
  • 设置搜索框
    查看全部
  • 改变超链接文字的状态
    查看全部

举报

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

微信扫码,参与3人拼团

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

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