CSS3
CSS即层叠样式表（Cascading StyleSheet）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
table{
border-collapse:collapse;
}
table td{
border:1px solid #ddd;
width:80px;
height:30px;
text-align:center;
}
.one{
vertical-align: top;
}
.two{
vertical-align: top;
}
</style>
</head>
<body>
<table>
<tr>
<td rowspan="3" class="one">1</td>
<td rowspan="3" class="two">2</td>
<td>A</td>
<td>28</td>
<td>12%</td>
</tr>
<tr>
<td>B</td>
<td>56</td>
<td>98%</td>
</tr>
<tr>
<td>A</td>
<td>33</td>
<td>42%</td>
</tr>
</table>
</body>
</html>
inline-block里你加文字后会按照文字的对齐方式vertical-align：baseline；解决它可以通过设置inline-block元素的vertical-align
你好，这块是这样的，首先，不是浏览器自动加的代码，是你自己代码里面给加的；其次，不是第二个li导致的这个问题，是第一个li里面的“<a class="on" href="#">”导致的。
使样式变样的是这行代码就是：
li a.on, a:hover{color:white;background-color:#f60;height:40px;line-height:40px; margin-top:-10px;}我修改下你的代码，应该是你想要的结果：
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>水平圆角菜单导航</title><style type="text/css">* {margin:0;padding:0;}ul {list-style:none;border-bottom:5px solid #f60;padding-left:30px;height:30px;margin-top:20px;line-height:30px;}a {float:left;display:block;width:120px;text-decoration:none;text-align:center;color:black;background-color:#ccc;}li a.on, a:hover{color:white;background-color:#f60;height:40px;line-height:40px; margin-top:-10px;}</style></head><body><ul><li><a href="#">首 页</li><li><a href="#">关于我们</li><li><a href="#">产品展示</li><li><a href="#">售后服务</li><li><a href="#">联系我们</li></ul></body></html>可追问，另外便签要写规范，a标签要把闭合标签加上，刚开始学习规范的代码会让你以后受益很多的。
float会导致父元素坍塌，具体原理可以看看张鑫旭大神的博客(慕课网上也有，深入理解系列)
谢邀，目前估计你还没有深学一门语言，我也有过迷茫期，但我认真负责的告诉你，初学者学JAVA很好入门，根据个人爱好，你学精了可以扩展到Python大数据等，但JAVA就可以了因为里面有很多框架可以学，把这个当吃饭的看家本领，然后再拓展其它领域。希望对你有帮助，我也并非科班出身，经历了很多弯路。如果想一起探讨，可以保持联系！
同学好，建议你先做一个完整的项目，做下来之后看看自己喜欢的是前端还是后端，再做判断，我这里有个慕课网的免费课程，你可以试试 https://www.imooc.com/learn/945 ：）
我最近刚好做过这类 自己是通过把图标设置background 然后字体设置padding来实现的
如果你已经有计算机基础并且打算转行前端，那是OK的。
如果你是零基础，那我很负责任的说不合适。
虽然我说了这么多遍，但还是有傻瓜不信去尝试，排除天才(不过天才也不会问这种问题)，即使能学成功，估计也只会被年轻人淘汰。
当然我所说的年轻人不是中专没文凭去培训班学的那种，而是高校毕业，站在技术前沿的学生，这种学生每年都有N万，如果零基础，真的是在作死，现实就是这样。
忠言逆耳。
这么低级的问题估计只有新手才会犯错吧，现在数据库都是参数化查询。假如是拼接SQL 就会出现 select * from 表名 where 条件; drop database tablice； 而真正的项目里面就是select * from 表名 where (条件 ;drop database tablice ); 娱乐而已，别想太多。
HTML和CSS一般是一起学的，推荐你使用 Brackets 或者 Sublime，也可以WebStorm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#container div {
display: inline-block;
}
</style>
</head>
<body>
<div id="container">
<div class="will">
<img src="img/will.jpg" alt="">
</div>
<div class="did">
<img src="img/did.jpg" alt="">
</div>
<div class="will">
<img src="img/will.jpg" alt="">
</div>
<div class="did">
<img src="img/did.jpg" alt="">
</div>
<div class="will">
<img src="img/will.jpg" alt="">
</div>
<div class="did">
<img src="img/did.jpg" alt="">
</div>
</div>
<script>
var num = 999;
var oDivs = container.getElementsByTagName("div");
for (var i = 0; i < oDivs.length; i++) {
num--;
oDivs[i].style.position = "relative";
oDivs[i].style.zIndex = num;
oDivs[i].style.marginLeft = "-30px";
oDivs[0].style.marginLeft = "0px";
}
</script>
</body>
</html>
你看这个是你想要的吗？其实这个东西不用图片也可以做的，你用图片有局限性
插件会用当然是好的。插件使用我觉得分为这么几个阶段。不知道-》会用-》知道为什么-》自己可以写一个。所以说，目前你会用就好，但是保持学习的态度，去问为什么。
适配手机，我目前用的是bootstrap框架，或者说弹性布局（C3的flex布局），百分比布局，媒体查询。建议慕课花钱的教程《响应式开发一招制胜》，讲的很棒，你也可以自己去找下，这个是我知道的。
H5+C3（媒体查询）+BootStrap(探究原理)
需要，如果你要找工作的话。当然，还有这样的前端，偏前，就是带着设计一起做。
另外一个回答。
拙见，这个是我目前面试3-6k的经验。更高的我就不知道了。
如果不涉及背景问题，可以在上面放一个 div，背景和主背景一样，设置圆角，盖在图片上面，可以有类似效果
<!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=UTF-8"> <title>RunJS 演示代码</title> </head> <body> <div class='cover'></div> <div class='content'></div> </body> </html>
body {
width: 1000px;
height: 600px;
margin: 0;
background: #f2f3f7;
}
.content {
width: 200px;
height: 200px;
margin:50px auto;
background: red;
}
.cover {
position: absolute;
width: 400px;
height: 200px;
left: 300px;
top: -130px;
background: #f2f3f7;
border-radius: 50%;
}
.dlw{
position:relative;
}
.moh, .yi{
position:absolute;
}
.moh{
z-index:1;
}
.yi{
z-index:3;
}
关注我喜欢或专注的猿问分类
-
JavaScript
-
Node.js
-
Vue.js
-
React.JS
-
Html5
-
Html/CSS
-
AngularJS
-
WebApp
-
JQuery
-
Bootstrap
-
前端工具
-
CSS3
-
Sass/Less
-
JAVA
-
Python
-
Go
-
PHP
-
C
-
C++
-
C#
-
MySQL
-
SQL Server
-
Oracle
-
MongoDB
-
Android
-
iOS
-
Unity 3D
-
Cocos2d-x
-
大数据
-
云计算
-
深度学习
-
机器学习
-
测试
-
Linux
-
Photoshop
-
Maya
-
Premiere
-
ZBrush
-
数据结构
-
Ruby
