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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 顶部盒子分析
    查看全部
  • 1.当鼠标悬浮在超链接上时,列表项样式设置既有背景图片,又有背景颜色的,且背景图片不重复,此时在左边显示背景图片,没有背景图片的地方显示背景颜色。 2.鼠标悬浮时,背景颜色改变没有占据整行,因为<a>为内联元素,要想它宽高起作用,就要设成块元素 display:block。 3,背景图片位置设置,background:url(images/1.gif) no-repeat left center;--背景图片不重复向左垂直居中。
    查看全部
  • 清除浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2015-09-02

  • float时 如果宽度超过页面宽度 则会失去float效果 继续垂直排列
    查看全部
    0 采集 收起 来源:浮动 float

    2015-09-02

  • float覆盖情况
    查看全部
    0 采集 收起 来源:浮动 float

    2015-09-02

  • div 设置最小高度 min-height;300px; (IE6 _height:300px;)
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-01

  • 当想把某个盒子的内容设置为居中的时候,可以将其line-height:盒子高度;
    查看全部
  • list-style-type:none
    查看全部
    0 采集 收起 来源:练习题

    2015-09-01

  • <!--html--> <div class="logo"> <div class="logo-left"> <a href="#"><img src="images/logo.jpg"></a> </div> <div class="logo-right"> <img id="tel-0" src="images/tel.jpg"><span><span id="tel-1">24小时服务热线:</span><span id="tel-2">123-456-7890</span></span> </div> </div> <!--css--> .logo{ width: 1000px; margin: auto; background-color: #FFF; height: 80px; } .logo-left{ float: left; } .logo-right{ float: right; width: 305px; color: #8E8E8E; margin-top: 23px; } #tel-1,#tel-2{ vertical-align: middle; display: table-cell; } #tel-0{ margin-right: 10px; } #tel-2{ font-size:22px; color: #EE1111; }
    查看全部
  • 视频中css的写法logo部分右边字对不齐,自己折腾了半天,强迫症是病,得治 <!--html--> <div class="logo"> <div class="logo-left"> <a href="#"><img src="images/logo.jpg"></a> </div> <div class="logo-right"> <img id="tel-0" src="images/tel.jpg"><span><span id="tel-1">24小时服务热线:</span><span id="tel-2">123-456-7890</span></span> </div> </div> <!--css--> .logo{ width: 1000px; margin: auto; background-color: #FFF; height: 80px; } .logo-left{ float: left; } .logo-right{ float: right; width: 305px; color: #8E8E8E; margin-top: 23px; } #tel-1,#tel-2{ vertical-align: middle; display: table-cell; } #tel-0{ margin-right: 10px; } #tel-2{ font-size:22px; color: #EE1111; }
    查看全部
  • 文字在div中垂直居中:将文字的行高设置为div的高度
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-11 新闻中心制作(二) 图片编辑六要素:大小、边距、边框、位置、浮动、背景; 文字编辑八要素:大小、边距、边框、位置、浮动、行高、背景、颜色; 在ie中不居中的问题: sublime默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档. 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    查看全部
  • main块中有news、course、sidebar三块构成,再给他们设置的宽度的时候,要考虑border的影响下的溢出问题。 这里采用的是浮动水平排列三列布局方式,同时,我们也可以用左右浮动,中间那块设置相对定位的方式进行三列布局。margin-left、margin-right。 2、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 3、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置;
    查看全部
  • 由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-01

  • 答案:B。 text-indent用来规定文本块中首行文本的缩进,但是px是绝对单位,20px不一定正好是两个字符,而em是相对单位,1em的大小是当前1个字体的大小,因此2em正好是两个字符。另提示:text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
    0 采集 收起 来源:练习题

    2015-09-01

举报

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

微信扫码,参与3人拼团

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

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