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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 段落文字缩进属性:text-indent:2em 首行文字缩进2字的值。 text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
  • 新闻中心制作: 列表标签的设计: 1、设置项目符号,除了直接给列表项目符号定义图片外【list-style-image】,还可以使用给每个列表添加背景图片的形式来实现,需要设置内边距以及背景图片的位置属性; .news_list li{ /*不通过list-style-image属性来设置列表右侧的图片样式,是因为这样子的话图片会显示在div的外侧;*/ /*而是通过设置背景图片来设置 */ list-style-type: none; background: url(../images/list.jpg) no-repeat; padding-left: 10px; margin: 8px; border-bottom: 1px dotted #ccc; /*下边框,虚,灰线*/ } 2.【IE bug】列表中的<span>标签浮动,在IE中会出现错位,解决办法为将<span>标签排在列表的首位即可;
    查看全部
  • 块级元素占新行,
    查看全部
  • 同一行中两个盒子的宽度不能超过总宽度之和,否则不能容纳两个盒子,会出现下面情况

    查看全部
    2 采集 收起 来源:浮动 float

    2018-04-20

  • *{margin:0;padding:0;} 来清除样式 font-style:normal; 字体不倾斜
    查看全部
    2 采集 收起 来源:编程练习

    2015-04-01

  • 页码的代码:<a href="#">首页</a><a href="#">&lt;</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">&gt;</a><a href="#">末页</a>

    <a>是一个内联元素,为了使<a>同时具有内联元素和块级元素的属性和特点,即:可以在一行内显示多个元素,又可以设置其宽和高,同事能使其在W3C和IE中都兼容, 页码制作是使用:display:inlin-block;

    查看全部
  • @@--企业网站综合布局实战--第4章 新闻列表页制作 4-2 内容展示区制作 要点》: ①【min-height】对于不可预料高度的div不能把height写死,应该写【min-height】最小高度。 【IE6 bug】不支持min-height属性: 【css hack】方法解决 ie6能识别 “ _height ” 属性,-- (即使内容高度超过设置的高度,也不会造成影响,因为在IE6中,“ _height ” 属性高度会根据自己的内容自动撑开高度); ②对整体布局的盒子设置min-height属性,不然在IE7下会出现内容下穿。 ③【清除浮动】要把下边的copyright的浮动清楚掉,回到文档流中。
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-11 新闻中心制作(二) 图片编辑六要素:大小、边距、边框、位置、浮动、背景; 文字编辑八要素:大小、边距、边框、位置、浮动、行高、背景、颜色;
    查看全部
  • @--企业网站综合布局实战--分析 企业网站:头部Logo区。导航区、内容展示区、底部版权区。 页面布局时表现为:头部/导航区、信息展示区、页脚区。 框架分为三个信息展示区,头部/导航区、页脚区
    查看全部
  • 当前页的页码要显示红色背景 a:focus{ background-color:#cc1b1b; }
    查看全部
    2 采集 收起 来源:编程练习

    2017-05-07

  • 1.大块包含三个小块;三个小块各左浮动; 2.没有显示效果,用背景色,边框方式调式,块含文字调试。 几个盒子虽然都定义了背景颜色,但是仍然看不到,是因为没有内容,也没有定义高度,所以没有撑开
    查看全部
  • 我们经常在设计网站的导航部分的时候,如果想让导航超链接hover显示背景,但稍不注意,默认的inline会让你抓狂,因为display:inline会将超链接显示为内联元素,即没有宽和高的作用效果,这里无论你背景怎么设置,宽高都不会超出超链接的宽高范围!所以我们可以使用 block 或 inline-block 来解决此问题! display:block 此元素将显示为块级元素,此元素前后会带有换行符。 display:inline-block 行内块元素。(CSS2.1 新增的值) 当我们在<a>标签里添加 display:block 或 display:inline-block 时,<a>标签也就有了块元素的一些特性,此时我们设置<a>标签的宽高才会起作用,hover背景也才会有效果,不同的是,display:block 会让元素前后带上换行符,所以如果想让导航元素在一行内显示,则需要添加float属性,完整的写法如下: 1 <a href="#" >block</a> 而display:inline-block 则不需要float属性,因为它的本身就是行内块元素,写法如下: 1 <a href="#" >block</a>
    查看全部
  • 1.在.logo里面添加 overflow:hidden 将logo的溢出溢出; 2.在.nav里面添加 claer:both 消除logo溢出导致的无法浮动 3.是图片的大小问题。。那个图片大了3px..给logo_left添加height:80px也可以解决问题
    查看全部
  • 牢记制作新闻中心的时候,日期要放标题起前面,然后用float:right,可以解决IE浏览器下的错位,也就使用所有浏览器了
    查看全部
  • A: 清除浮动, 并且隐藏元素. 就可以把父亲撑大啦. B: 模拟了块级元素的属性. C: 浮动元素在同一平面. 就相当2个元素都不浮动啦. 自然可以撑大了.
    查看全部
    2 采集 收起 来源:练习题

    2016-11-26

举报

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

微信扫码,参与3人拼团

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

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