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

Html/CSS

html是HyperText Mark-up Language的简称,即超文本标记语言,css是英文Cascading Style Sheets的缩写;html主要承载网页内容如文字、图片、视频等。CSS则控制网页显示的样式如颜色、字体、大小等;HTML/CSS是网页前端开发的基础,几乎所有web开发都需要掌握此技术。

407575456回答:
1,它的父级相对定位,div绝对定位,left,top,right,bottom=0,margin=atuo 2,父级相对,div绝对,top,left分别50%,transfrom:translatex(-50%),y轴同理。手机码字好累。 3还有一种绝对居中,用js写,获取屏幕宽高,找到中点,然后自动自身宽高的一般。就好。
1,它的父级相对定位,div绝对定位,left,top,right,bottom=0,margin=atuo 2,父级相对,div绝对,top,left分别50%,transfrom:translatex(-50%),y轴同理。手机码字好累。 3还有一种绝对居中,用js写,获取屏幕宽高,找到中点,然后自动自身宽高的一般。就好。
赞同3 反对 收起

回复
浏览器运行f12看看有没有报错
浏览器运行f12看看有没有报错
赞同1 反对 收起

回复
闹小志回答:
我能想到的:1、css3 animation动画2、js动态的计算 用setTimeout方法 或者 setInterval方法以上两个原理都是一样的 改变margin-left的值 只是实现形式不一样

我能想到的:

1、css3 animation动画

2、js动态的计算 用setTimeout方法 或者 setInterval方法

以上两个原理都是一样的 改变margin-left的值 只是实现形式不一样

赞同1 反对 收起

回复
来自 Html/CSS
已采纳 fenpho回答:
见名知意,方便版本迭代和维护,举个例子:如果你有1000个span,你知道你具体哪个span用了哪些样式,负责什么吗,就算你记忆力好,记得,当你的代码交给别人去维护时,怎么办?再者,要是需求变了,如果要从中跳出某些特殊的span,修改样式,你总不能span1,span3,span88.。。。去罗列吧,那样估计你改一个颜色都不知道要多久

见名知意,方便版本迭代和维护,举个例子:

如果你有1000个span,你知道你具体哪个span用了哪些样式,负责什么吗,就算你记忆力好,记得,当你的代码交给别人去维护时,怎么办?

再者,要是需求变了,如果要从中跳出某些特殊的span,修改样式,你总不能span1,span3,span88.。。。去罗列吧,那样估计你改一个颜色都不知道要多久

赞同1 反对 收起

回复
已采纳 习惯受伤回答:
可以实现,代码可以是这样:<...code...><...code...>上一张效果图:<...图片...>[ 查看全部 ]

可以实现,代码可以是这样:

//HTML代码
<span class="badge"><i>1</i></span>
//CSS代码
.badge{ 
    width:40px; 
    height:40px; 
    background:url(http://static.mukewang.com/static/img/common/logo.png) no-repeat; 
    position:relative;  
    display:block;  
}
.badge>i{
    position:absolute;
    font-style:normal;
    right:0;
    top:0;
    font-size:12px;
    font-weight:bold;
}

上一张效果图:

http://img.mukewang.com/587bbdc600012a2f00670058.jpg


赞同2 反对 收起

回复
来自 Html/CSS
已采纳 习惯受伤回答:
可以的呀,<p class="red-text" style="font-family:Lobster"></p>
可以的呀,<p class="red-text" style="font-family:Lobster"></p>
赞同1 反对 收起

回复
来自 Html/CSS
已采纳 戒骄戒躁回答:
建议去智联、拉钩等招聘网站上看看 ;个人经验移动端、和web前端需求量不是很大,测试比较多,望采纳

建议去智联、拉钩等招聘网站上看看 ;个人经验移动端、和web前端需求量不是很大,测试比较多,望采纳

赞同2 反对 收起

回复
已采纳 binjoo回答:
不一定,没有合格规定说是一定要这样,完全是根据你个人习惯以及需求。但是话说回来,一般来说也都是这样设计的。上中下,然后外面一个大的div,也有人把body当作最外层的div。

不一定,没有合格规定说是一定要这样,完全是根据你个人习惯以及需求。

但是话说回来,一般来说也都是这样设计的。

上中下,然后外面一个大的div,也有人把body当作最外层的div。

赞同 反对 收起

回复
已采纳 神圣的誓言回答:
   <script>        window.onload = function () {            var box = document.getElementById('box');            window.onscroll = function () {                var scroll_top = document.documentElement.scrollTop ||document.body.scrollTop;                if (scroll_top > 300) {              ...[ 查看全部 ]

   <script>
       window.onload = function () {
           var box = document.getElementById('box');
           window.onscroll = function () {
               var scroll_top = document.documentElement.scrollTop ||document.body.scrollTop;
               if (scroll_top > 300) {
                   box.style.display = 'none';
               }
           }
       }
   </script>
</head>
<body>
<div id="box"></div>

第一,要写window.onload等页面加载完后再接下写下面的代码,否则script代码就要写在</body>前面,内容后面

第二,获取标签声明放在事件外面



赞同 反对 收起

回复
习惯受伤回答:
浏览器不支持,高清标清不能选择是视频本身只有一个版本
浏览器不支持,高清标清不能选择是视频本身只有一个版本
赞同1 反对 收起

回复
已采纳 MarlboroKay回答:
你把nav也设置浮动属性试一试。
你把nav也设置浮动属性试一试。
赞同 反对 收起

回复
习惯受伤回答:
那是浏览器的自动填充功能,你可以在input中加入:autocomplete="off"来禁止填充。
那是浏览器的自动填充功能,你可以在input中加入:autocomplete="off"来禁止填充。
赞同2 反对 收起

回复
习惯受伤回答:
第一,我感觉这个设计有问题,怎么是左侧弹出菜单?人操作鼠标的时候,从右往左滑动的时候,不可避免的,向左下角滑动。而从左往右滑动的时候,却可以平行滑动。不信你试试,也让你们设计试试。第二,你鼠标移开上一个菜单,滑动到子菜单的时候,你滑动到其他的菜单了,自然就切换成其他菜单了。第三,提供一个解决方案,鼠标移动到菜单之后,在右侧菜单部位放一个透明遮罩层,鼠标移开当前菜单部位的时候,隐藏遮罩层。这个得写JS控制。我相信这不是最好的解决方案。[ 查看全部 ]

第一,我感觉这个设计有问题,怎么是左侧弹出菜单?人操作鼠标的时候,从右往左滑动的时候,不可避免的,向左下角滑动。而从左往右滑动的时候,却可以平行滑动。不信你试试,也让你们设计试试。

第二,你鼠标移开上一个菜单,滑动到子菜单的时候,你滑动到其他的菜单了,自然就切换成其他菜单了。

第三,提供一个解决方案,鼠标移动到菜单之后,在右侧菜单部位放一个透明遮罩层,鼠标移开当前菜单部位的时候,隐藏遮罩层。这个得写JS控制。我相信这不是最好的解决方案。

赞同1 反对 收起

回复
来自 Html/CSS
已采纳 习惯受伤回答:
你重新检查一下你的代码,我这里只能看到{}和:;看不到代码
你重新检查一下你的代码,我这里只能看到{}和:;看不到代码
赞同 反对 收起

回复
习惯受伤回答:
如果你工作中与JS的联系紧密,那你可以买本书看看《JavaScript高级指南》等等类似的书,多看几遍就懂了,JS没什么难懂的,比起其他语言好理解
如果你工作中与JS的联系紧密,那你可以买本书看看《JavaScript高级指南》等等类似的书,多看几遍就懂了,JS没什么难懂的,比起其他语言好理解
赞同1 反对 收起

回复
来自 Html/CSS
已采纳 习惯受伤回答:
用border-bottom可以实现啊:<...图片...>代码:<...code...>[ 查看全部 ]

用border-bottom可以实现啊:

http://img.mukewang.com/5878985f0001a6bb03930084.jpg

代码:

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<style type="text/css">
		.text {
			border-bottom:1px dashed red;
		}
	</style>
</head>
 <body>
	<span class="text">我是文字</span>
</body>
</html>


赞同1 反对 收起

回复
<...code...>[ 查看全部 ]
<!DOCTYPE html>
<html>
<head>
<title>focus</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<style type="text/css">
*{padding:0;margin: 0;}
li{list-style: none;}
#pic_box{
width: 500px;
height: 300px;
position: relative;
margin: 100px;
overflow: hidden;
}
#pic{
width: 2000px;
height: 300px;
position: absolute;
left:0;
top: 0;
}
#pic li{
width: 500px;
height: 300px;
float: left;
}
#pic li img{
width: 500px;
height: 300px;
}
#nav{
position: absolute;
left: 50%;
margin-left: -90px;
bottom: 40px;
}
#nav a{
float: left;
width: 20px;
height: 10px;
margin-left: 20px;
background: #ccc;
}
</style>
</head>
<body>
<div id="pic_box">
<ul id="pic">
<li style="background:red"></li>
<li style="background:green"></li>
<li style="background:blue"></li>
<li style="background:#000"></li>
</ul>
<div id="nav">
<!-- 把a标签的href="#"改为"JavaScript:",因为"#"相当于刷新页面了,无法触发单击事件 -->
<a href="JavaScript:"></a>
<a href="JavaScript:"></a>
<a href="JavaScript:"></a>
<a href="JavaScript:"></a>
</div>
</div>
<script type="text/javascript">
//如果你想更好的学会轮播,建议看这个课程http://www.imooc.com/learn/18
$(function(){
var count=0;
$("a").click(function(){
// $("#pic").css.left=-$(this).index()*500+'px';
//建议看JQuery的API文档,不要想当然应该是这样写,看看JQuery是否有这个方法或者属性
//http://www.codesocang.com/jq/jquery1.7.2.html
//建议分步骤测试,照你原来的代码,连count都没有获取到
count=$(this).index();
console.log(count);
$("#pic").animate({"marginLeft":-count*500});
})
setInterval(focus,1000);
//索引还需要判断,自己动手操作,自己理解
function focus(){
count++;
$("#pic").animate({"marginLeft":-count*500});
}
})
</script>
</body>
</html>


赞同1 反对 收起

回复
已采纳 破晓Daybreak回答:
1:这里的p标签只是个媒介,其实你也可以建立其他标签把Java这个文本装起来,例如h1,h2,div...这些标签。2:其实不是哪P去替换h1的父标签。  在原生js里,节点的添加、删除、替换都需要通过其父标签进行添加、删除、替换的操作(做个比喻吧,就如一个父亲,才有权利去选择生一个儿子、不要一个儿子或者跟别人换一个儿子,儿子自身是没有权利进行添加、删除或者替换的)。所以上述代码只是通过h1的父标签调用replace(替换儿子)的方法,用newnode(别人的新儿子)替换了oldnode(旧儿子)。  ||||等你学到了jQuery,以后节点的添加删除就可以更方便了,不用原生JS那么繁琐,不过...[ 查看全部 ]

1:这里的p标签只是个媒介,其实你也可以建立其他标签把Java这个文本装起来,例如h1,h2,div...这些标签。

2:其实不是哪P去替换h1的父标签。  在原生js里,节点的添加、删除、替换都需要通过其父标签进行添加、删除、替换的操作(做个比喻吧,就如一个父亲,才有权利去选择生一个儿子、不要一个儿子或者跟别人换一个儿子,儿子自身是没有权利进行添加、删除或者替换的)。所以上述代码只是通过h1的父标签调用replace(替换儿子)的方法,用newnode(别人的新儿子)替换了oldnode(旧儿子)。  ||||等你学到了jQuery,以后节点的添加删除就可以更方便了,不用原生JS那么繁琐,不过学习原生JS更利于我们了解其中的运行原理。

赞同 反对 收起

回复
已采纳 蜂之谷回答:
第十三行加上这个就好了timer = setInterval(function(){run()},400);

第十三行加上这个就好了

timer = setInterval(function(){run()},400);

赞同1 反对 收起

回复
cheery_zhao回答:
建议多搞点中奖人数,太少了,或者抽个半价折扣也行啊


建议多搞点中奖人数,太少了,或者抽个半价折扣也行啊

赞同9 反对 收起

回复
来自 Html/CSS
习惯受伤回答:
div相当于骨架,CSS相当于肉,先有骨架再有肉,从w3c上学习一些基础知识,然后自己多做练习,到一定时间,你自然而然就懂了。
div相当于骨架,CSS相当于肉,先有骨架再有肉,从w3c上学习一些基础知识,然后自己多做练习,到一定时间,你自然而然就懂了。
赞同1 反对 收起

回复
首页上一页1234567下一页尾页

关联分类

  • Node.js

    Node.js是一个服务器端 JavaScript 解释器,它将改变...
  • Go

    Go语言专门针对多处理器系统应用程序的编程进行了优化,使用Go编译的...
  • 云计算

    云计算是基于互联网的相关服务的增加、使用和交付模式,通常涉及通过互联...

本月最佳回答网友

关注我喜欢或专注的猿问分类

  • Android
  • AngularJS
  • Bootstrap
  • C
  • C#
  • C++
  • Cocos2d-x
  • CSS3
  • Go
  • Html/CSS
  • Html5
  • iOS
  • JAVA
  • JavaScript
  • JQuery
  • Linux
  • Maya
  • MongoDB
  • Mysql
  • Node.js
  • Oracle
  • Photoshop
  • PHP
  • Premiere
  • Python
  • React.JS
  • Ruby
  • Sass/Less
  • SQL Server
  • Unity 3D
  • Vue.js
  • WebApp
  • ZBrush
  • 云计算
  • 前端工具
  • 大数据
  • 数据结构
  • 测试
保存
意见反馈 常见问题 APP下载
官方微信