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
45deg，其实就是to right top的意思，意思是背景的渐变方向从左下往右上。
至于怎么形成条纹，而不是渐变，关键在于pink 0, yellow 0。pink 0，pink 50%让本来的yellow到pink的渐变变成了纯色。
其实也可以写成这样，这样是否好理解些？
background:linear-gradient(to right top,yellow 0%,yellow 25%,pink 25%,pink 50%,yellow 50%,yellow 75%,pink 75%,pink 100%);
还不理解，还可以一个一个参数删掉，看看运行的效果变化，就能理解了。
这个啊，设置样式
```css
button:focus {
border: none;
outline: none:
}
```
应该就没问题了，望采纳
float会导致父元素坍塌，具体原理可以看看张鑫旭大神的博客(慕课网上也有，深入理解系列)
我最近刚好做过这类 自己是通过把图标设置background 然后字体设置padding来实现的
.index-menu .menu-list ul{
/*widht:1160px; 这里单词写错了*/
width: 1160px;
}
我这里是正常的，你用的什么浏览器？
Web前端工程师 http://www.imooc.com/course/programdetail/pid/32
这套学下来基本可以找工作了
希望对你有帮助，祝你学习愉快。
如果解决问题，请务必采纳我的回答，谢谢。
<html> <head> <title>div居中</title> </head> <body> <img src="1.jpg" style="width:100px;height:100px;position:absolute; top:0;bottom:0;left:0;right:0;margin:auto;"> </body> </html>
先学 C 语言吧，如果感觉已经进入状态，可以去做一些算法题，杭电上有很多，或者简单的，直接度娘搜索，“C语言100道经典算法题”之类关键词。
如果学烦了，可以去学 HTML5/CSS3 ，慕课网有教程，但是比较少，你也可以在 网易云课堂补充学习。
不同意上面的观点，
原因1：不适合用鼠标事件，用css就行了，hover；
原因2：因为是慢慢显示，所以需要动画效果。可以用css3动画；
问题很简单你script的位置错了，要么在head里面，要么在body里面你放在中间是不执行的。
1: 第二个<div>加了float:left后margin是有的。
2：因为第二个设置了浮动，所以他会脱离文档流，就会盖在第三个的上面
3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 100px;
height: 100px;
margin: 5px;
}
div:nth-of-type(2),div:nth-of-type(3){
display: inline-block;
}
</style>
</head>
<body>
<div style="background-color: #00a854"></div>
<div style="background-color: red"></div>
<div style="background-color: blue"></div>
<div style="background-color: yellow"></div>
</body>
</html>
关注我喜欢或专注的猿问分类
-
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
-
云计算
-
前端工具
-
大数据
-
数据结构
-
测试