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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 1、样式覆盖,对同一标签的样式,后面定义的会覆盖前面相同属性部分 2、css中就近原则:标签离哪一种样式比较近,就采用哪一种样式!
    查看全部
  • 设定一个区域的高度,height。当区域内容超出高度时,会覆盖下面的部分。可以用属性<br> min-height 表示最小高度,而到内容超出时,自动扩展。对于这个属性,IE6和8不兼容,所以有一个特殊的属性 _height 。 例子:min-height:350;_height:350;<br>。对于它的父级元素,也要这样设置,避免高度错乱。 这样的话不管什么浏览器都不会有问题了。
    查看全部
  • 添加视频——引入其他网站的视频 直接从网站的视频分享中选中html复制,然后自定义宽高 优点:不用考虑空间大小;缺点:播放时有广告 [ 查看全文 ]
    查看全部
  • 项目列表设计: 1、去除列表样式; 2、想左浮动; 3、设置固定宽度,可用百分比来平均定宽; 4、设置高度和行高;
    查看全部
  • <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>
    查看全部
  • 1.em为内联元素,要把他改为块级元素后,设置的宽度和高度才有效 2.所有em的背景图片均为num.gif,通过设置background-position属性来控制不同列表项显示不同的背景图片background-position:x轴(-左移 +右移) y轴(-上移 +下移) 3,{margin:0;padding:0;}先清除默认样式
    查看全部
    0 采集 收起 来源:编程练习

    2015-11-09

  • 、设置项目符号,除了直接给列表项目符号定义图片外【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>标签排在列表的首位即可;
    查看全部
  • @@--企业网站综合布局实战----第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">
    查看全部
  • 、使用转义字符,即&gt;代表“>”; 2、使用<span>标签包含元素,使特定文本在行内显示; 3、行内元素使用浮动后,将产生错位,需要特别定义样式; 4、用百分比定义值,比如:宽度,可以适应多个宽度的盒子;
    查看全部
  • 信息展示栏的设计: 1、自上而下的设计框架; 2、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 3、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置;
    查看全部
  • myFocus是专注于焦点图制作的JS库,轻量级的,独立的JS库,开源免费 引入js脚本文件 先下载,注意script和JS的对应 有些死规则 <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script> <script src="js/**.js" type="type="text/javascript"></script> <script src="js/**.js" type="type="text/javascript"></script> <link href="js/****/*.css" rel="stylesheet" type="text/css"/>
    查看全部
  • _height:为了防止IE6和8的不兼容,和min-height一块设计出现。
    查看全部
  • min-height:最小高度,内容超出盒子高度后自动撑开。
    查看全部
  • text-indent:2em 首行缩进两个字符。 text-align:center 居中
    查看全部
  • line-height:垂直居中
    查看全部

举报

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

微信扫码,参与3人拼团

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

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