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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了CSS控制以后,块元素和内联元素的这种属性差异就不成为差异了。我们可以通过设置display属性实现块级元素和内联元素的相互转变。
    查看全部
    0 采集 收起 来源:练习题

    2015-08-18

  • <a>是一个内联元素,为了使<a>同时具有内联元素和块级元素的属性和特点,需要为a元素设置display:inline-block;即:可以在一行内显示多个元素,又可以设置其宽和高。
    查看全部
  • 新闻列表制作 1.当鼠标悬浮在超链接上时,列表项样式设置既有背景图片,又有背景颜色的,且背景图片不重复,此时在左边显示背景图片,没有背景图片的地方显示背景颜色。 2.鼠标悬浮时,背景颜色改变没有占据整行,因为<a>为内联元素,要想它宽高起作用,就要设成块元素 display:block。 3,背景图片位置设置,background:url(images/1.gif) no-repeat left center;--背景图片不重复向左垂直居中。
    查看全部
  • 当盒子高度固定,新闻内容过长会溢出盒子,此时定义min-height;350px;盒子根据内容自适应高度,盒子被撑大,但出现了问题:版权导航样式发生改变,这是因为新闻内容设置了float:right;属性,新闻内容盒子脱离普通文档流,解决此问题需清楚浮动给版权模块带来的影响,在.copyright中添加clear:both;切换到ie8或者IE兼容模式,发现新闻部分内容被版权盒子遮挡,因为新闻父盒子的高度仍为固定高度,解决办法,把新闻父div设置min-height;350px。 IE6兼容问题:在IE6中,盒子高度固定时,它会根据内容自动撑开,自行解决,高度的写法只识别_height:350px;(css hack 写法)。
    查看全部
  • 新闻详情页 1,首行缩进: text-indent:2em; 段落首行缩进两个字符(2个字) 2,text-indent的值允许是负值,因此如果想隐藏某个div中的文字可以这样写 text-indent:-9999px;
    查看全部
  • 去下划线 text-decoration:none; <a>标签设为行内块级元素 display:inline-block;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <a>是一个内联元素,为了使<a>同时具有内联元素和块级元素的属性和特点,即:可以在一行内显示多个元素,又可以设置其宽和高,同事能使其在W3C和IE中都兼容, 页码制作是使用:display:inlin-block;
    查看全部
  • 1,当即有背景图片,又有背景颜色的时候,并且背景图片不重复,就在左边显示背景图片,没有背景图片的地方现实背景颜色。 2,<li>和<a>是内联元素,想给他设置宽度和高度的时候,必须先把它转化为块级标签————display:block; 3,背景图片位置设置,background:url(images/1.gif) no-repeat left center;--背景图片水平向左不重复
    查看全部
  • 1,设置最小高度min-height:350px;在ie6中不支持;解决办法:_height:350px; 2,新闻页面太长,并且左右浮动脱离文档流,利用 clear:both;
    查看全部
  • 图片设置的行内样式<div class="ad" id="pic_box" > 1,行内样式的优先级高于外部样式 2,行内样式适用于写少量样式的地方
    查看全部
  • float 还是不会T——T
    查看全部
    0 采集 收起 来源:课程总结

    2015-08-17

  • <!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"> /*在此定义相关样式,控制列表的显示形式*/ .venu{ <!-- width:200px; height:30px;--> } .venu li{ list-style-type:none; float:left; width:50px; height:30px; text-align:center; } .venu a{ line-height:30px; display:block; text-decoration:none; } .venu li a:hover{ color:white; background:#BE3948; text-decoration:none; } </style> </head> <body> <h3>课程难度</h3> <!--在此制作一个无序列表--> <div class="venu"> <ul> <li><a href="#">全部</a></li> <li><a href="#">初级</a></li> <li><a href="#">中级</a></li> <li><a href="#">高级</a></li> </ul> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • css中就近原则:标签离哪一种样式比较近,就采用哪一种样式! 样式覆盖:对同一种标签的样式,后面定义的会覆盖前面相同的属性部分!
    查看全部
  • 直接嵌套其他网站的视频!!!!!! 优点:不用考虑视频优化维护问题,也不用考虑视频所占用的空间的大小; 缺点:播放会有原网站的广告,元网站视频删除,引用也会相应失败!
    查看全部
  • 第一、当既有背景图片,又有背景颜色的时候,并且背景图片不重复,就在左边显示背景图片,没有背景图片的地方显示背景颜色。 第二、内联元素要想设置高度和宽度,必须先把它变成一个块级元素---display:block。 第三、背景图像位置变化可以直接在no-repeat后面加上,或者再写一句background-position属性的语句
    查看全部

举报

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

微信扫码,参与3人拼团

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

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