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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • text-indent用来规定文本块中首行文本的缩进,但是px是绝对单位,20px不一定正好是两个字符,而em是相对单位,1em的大小是当前1个字体的大小,因此2em正好是两个字符。 另提示:text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
  • 段落文字缩进属性:text-indent:2em 首行文字缩进2字的值。
    查看全部
  • display:inline-block 既能显示在同一行上,也能设置高度宽度等属性,兼容 inline(即内联元素)和block(即块元素)的特点
    查看全部
  • 1、行内样式优先级高于外部样式 2、行内样式适用于写少量样式的地方
    查看全部
  • 一级无序列表;二级无序列表。
    查看全部
  • margin:20px auto;控制图片居中
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-08

  • 【MyFocus】:【焦点图插件】 开源免费,专注于焦点图的JS库,小巧,完全独立的JS库,运行效率高,多风格,相同接口,丰富的API 【网址】:http://demo.jb51.net/js/myfocus/download.html#p5 <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"/> --------------------------------------- <div class="ad" 【id="picBox"】><!--必须有个div的id为“picBox”--> --------------------------------------- 调用myFocus插件: <script type="text/javascript"> myFocus({ id:'picBox'})------------------------id与之前定的div的id一致 </script>
    查看全部
  • 1. 超链接四种状态的设置顺序;a:link,a:visited:,a:hover,a:active.总结了一个便于记忆的“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA. 2.<a>为内联元素,设置高度和宽度无效,需要使用a{display:block;}将其变为块级元素. 3.line-height 可实现元素上下居中;text-align 实现左右居中;text-deocration:none 文本修饰;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 设计技巧: 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline;; 5、让列表元素浮动,而又不改变列表顺序,可直接对整个列表(即<ul>或<ol>)设置浮动; 6、设置超链接样式默认样式,链接样式:“a:link”、“a:visited”,焦点样式:“a:hove”、“a:active”; 7、link超链接访问初始状态,visited超链接访问后的状态,hover鼠标经过状态,active鼠标活动状态
    查看全部
  • .nav li{list-style:none; float:left; width:50px; height:30px; text-align:center; line-height:30px;} a{display:block;} .nav a:link,.nav a:visited{text-decoration:none;color:#000;} .nav a:hover,.nav a:active{text-decoration:none;color:#fff; background:#BD3948;}
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-07

  • 慕课网布局实现 myfocus使用的是本地地址,本地测试有效。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-03-06

  • 盒子在页面所占的宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距; 盒子在页面所占的高度=上边距+上边框+上填充物+内容宽度+下填充+下边框+下边距;
    查看全部
    0 采集 收起 来源:盒子模型

    2015-03-06

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

    2015-03-04

  • 首页结构分析图
    查看全部
  • 首页布局分析逐渐细化
    查看全部

举报

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

微信扫码,参与3人拼团

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

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