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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。
    查看全部
    0 采集 收起 来源:练习题

    2015-06-22

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

    2015-06-22

  • 1.li lsit-style-type:none项目符号清除, text-align:center li中文字的居中。 2.li的高度与其外部盒子的高度相同,就可以使文字在盒子中居中。 3.超链接text-decoration:none去掉下划线。 4.为避免图片被输入的信息覆盖,使用padding为右填充 4.background的position水平居右,垂直居中 right,center 5.boder:1px solid #fff 大小,线形,颜色
    查看全部
  • 新闻列表
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-22

  • 1.圆角的制作方法背景法,样式法等。参考圆角进化论课程。 2.div的层次:nav,nav_middle,nav_midele_left;用下划线,注意分左右! 3.导航菜单的实现可以使用有序列表和无序列表,这里使用无序列表搜索框的制作需要用到表单中的form标签和input标签 4.子级边缘撑不开可以把子级的高度设置与父级一样。 5.样式连写:可以把不同类用逗号隔开如nav_left,nav_middle,nav_right{}
    查看全部
  • 注意:1.焦点图初始化的id与图片列表最外层的id一致 2.图片列表外面,包裹一个class为PIC的div。 http://demo.jb51.net/js/myfocus/tutorials.html
    查看全部
  • 慕课网首页布局
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-19

  • 新闻列表制作
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-19

  • 1、让图片与文本居中对齐,可将图片的对齐方式改为居中对齐(亦可直接设置display:inline;),即:vartical-align:middle;;这个是设置元素的垂直排列的. 用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐 2、让特殊文本不跳行,需要使用行内标签,如:<span>;
    查看全部
  • top_content a:link,.top_content a:visited .top_content下的超链接的初始状态和超链接的访问之后的状态都要使用这种样式 text-decoration:none;没有任何修饰 a:active{...}代表的是链接激活时的样式 a:hover鼠标经过状态 link超链接访问初始状态,visited超链接访问后的状态,hover鼠标经过状态,active鼠标活动状态
    查看全部
  • 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline; 5.JS中出现乱码,可以在引入js文件时,加上charset="gb2312"
    查看全部
  • 自顶向下,逐步细化!
    查看全部
  • 首页布局分析: 首页布局分析:上(顶部区)、中【页面主体区([logo区]、[导航区]、[大图广告区]、[信息展示区(新闻中心、课程中心、媒体聚焦)])】、下(底部版权区)。
    查看全部
  • 焦点图的转化率是文字的五倍
    查看全部
  • 注意的点
    查看全部

举报

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

微信扫码,参与3人拼团

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

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