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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • title
    查看全部
  • 主要参数
    查看全部
  • 新闻中心的链接
    查看全部
  • 设计技巧: 1、使用转义字符,即&gt;代表“>”; 2、使用<span>标签包含元素,使特定文本在行内显示; 3、行内元素使用浮动后,将产生错位,需要特别定义样式; 4、用百分比定义值,比如:宽度,可以适应多个宽度的盒子;
    查看全部
  • 新闻中心制作样式划分
    查看全部
  • 信息展示区的制作: 1、自上而下的设计框架; 2、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 3、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置;
    查看全部
  • myFocus插件实现焦点图轮播效果 制作焦点图: 1. 焦点图初始化的ID与图片列表最外层的ID一致 2. 图片列表外面必须包裹一个class为pic的div 1.下载myFocus,拷贝js文件夹到项目,在html页面中引入必要的文件。 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css"/> 2. <div class="ad" id="picBox"><!--必须自定义的div,在css配置时只需配置这个id--> <div class="loading"><img src="" alt="图片加载中"/></div><!--使用myFocus,图片未加载完成前的提示图片配置即载入画面--> <div class="pic"><!--使用myFocus必须要定义的固定div--> <ul> <li><img src=""> <li><img src=""> <li><img src=""> </ul> </div> </div> 3.在script中配置myFocus如此: myFocus({ id:'picBox'}) 4.详细教程http://demo.jb51.net/js/myfocus/tutorials.html
    查看全部
  • 在CSS中没有a和d选项中的属性,list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。
    查看全部
    0 采集 收起 来源:练习题

    2015-04-28

  • <!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"> .nav{ float: left; height: 30px; } .nav li{ width: 50px; text-align: center; line-height: 30px; float: left; list-style-type: none; } .nav li a:link,.nav li a:visited{ text-decoration: none; color: #000; } .nav li a:active,.nav li a:hover{ text-decoration:none; background: red ; color: #fff; display: block; } </style> </head> <body> <h3>课程难度</h3> <div class="nav"> <ul> <li><a href="#"><strong>初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</strong></a></li> </ul> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 解决导航栏li标签错位问题: 解决1:不使用html5; 使用html5较早版本的doctype 解决2:在浮动之前清除浮动: .nav{clear:left;height:40px;}
    查看全部
  • myFocus插件实现焦点图轮播效果 1.下载myFocus,拷贝js文件夹到项目,在html页面中引入必要的文件。 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css"/> 2. <div class="ad" id="picBox"><!--必须自定义的div,在css配置时只需配置这个id--> <div class="loading"><img src="" alt="图片加载中"/></div><!--使用myFocus,图片未加载完成前的提示图片配置即载入画面--> <div class="pic"><!--使用myFocus必须要定义的固定div--> <ul> <li><img src=""> <li><img src=""> <li><img src=""> </ul> </div> </div> 3.在script中配置myFocus如此: myFocus({ id:'picBox'}) 4.详细教程http://demo.jb51.net/js/myfocus/tutorials.html
    查看全部
  • em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-27

  • 焦点图的分类
    查看全部
  • ① 超链接四种状态的设置顺序; ② 要想让列表在水平方向上排列,需要设置列表项浮动 ③ 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-27

  • ok-yes
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-27

举报

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

微信扫码,参与3人拼团

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

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