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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
li{float:left;list-style-type:none;width:40px;height:30px;text-align: center;line-height: 30px;}
a:link,a:visited{color:#BE3948;display:block;text-decoration:none;}
a:hover{ color:#fff;display:block;background-color:#BE3948;text-decoration:none;}
li{
list-style:none;
float:left;
}
a:link,a:visited{
display:block;
text-decoration:none;
color:#000;
width:48px;
height:30px;
line-height:30px;
text-align:center;
}
a:hover,a:active{
color:white;
background:#BD3948;
}
CSS属性的排列顺序: L-V-H-A 。

L-V-H-A是link、visited、hover、active的简写。

它们分别表示

A:link 超链接的默认样式
A:visited 访问过的(已经看过的)链接样式
A:hover 鼠标处于鼠标悬停状态的链接样式
A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。

最新回答 / 慕先生4315364
是的 我最近看视频也老是卡顿 同样很苦恼
根据官方教程,v2.0以后版本并不需要引入风格文件的js和css文件,主程序会自动识别(放在同一文件夹下),在myFocus.set({id:'boxID',pattern:'mf_xx'})即可.
艾玛,可以动了,原来是调用那里的【myFocus.set】中的【S】被我大写了,改成小写、图片的动画效果就出来了~~~
所以,没有效果的朋友们,可以检查下是不是自己的代码写错了~~
<style>
.box1{
width:200px;
height:100px;
border:1px solid #f00;
margin-top:10px;
padding-left:15px;}
</style>
按照老师的方法做了,那两点注意的地方也改过,为什么图片却没动,像是没效果一样.

最新回答 / anfly
其实我们可以用在水底和水面来打个比方,两个块级元素等于在没有设置浮动前等于是两块沉在水底的木头,设置了第一块木头浮动,它浮上水面,后面一块元素还在水底因为元素的特性它会顶替浮上来这块元素的位置,那浮上来的元素去哪里了?在水面上。我们的视角看页面等于是我们垂直的从水面往水底看,所以才会出现重叠的视角。
.newsContent img{

margin:0 auto;

display:block;

}

最新回答 / 慕数据0204790
《方法一》a是内联元素,把它变成块级元素也是可以的。《方法二》li是块级元素,通过display:inline-block把它变成内联块状元素,目的是让li横向显示。总之,方法的实现过程有很多种,能实现目标就行
list-style-position:inside;
设置了这个就可以用list-style-image不会出现在外面
由于a标签属于内联元素,无高度和宽度属性,因此控制鼠标经过状态改变背景颜色时,仅在有文字的地方显示背景颜色。解决的办法是把a标签变为块级元素,display:block

最新回答 / bestDove
我自己的想法是实时检测网页页面尺寸,当尺寸发生变化,我就刷新一次页面,但是这方法不执行$(function(){ $(window).resize(function(){ location.reload() }) }),不知道什么原因.或者你能给个思路吗?
myFocu Demo v2.0.1链接:http://pan.baidu.com/s/1bpbVFzT密码:1zoy
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消